{"id":10378,"date":"2026-08-10T10:18:26","date_gmt":"2026-08-10T10:18:26","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/oreilly-reactjs-fundamentals-3rd-edition-2021-3\/"},"modified":"2026-08-10T10:18:26","modified_gmt":"2026-08-10T10:18:26","slug":"oreilly-reactjs-fundamentals-3rd-edition-2021-3","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/oreilly-reactjs-fundamentals-3rd-edition-2021-3\/","title":{"rendered":"Oreilly \u2013 ReactJS Fundamentals, 3rd Edition 2021-3"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Description<\/span><\/h2>\n<p dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"7:1-7:937\"><span style=\"vertical-align: inherit\">ReactJS Fundamentals, 3rd Edition. This course teaches the basics of React.js for front-end web development. The course starts with pure React and goes over advanced JavaScript topics and essential ES6 features. First, it teaches how to set up a modern React toolchain, then it goes over advanced JavaScript concepts and ES6 features needed to write React code in a systematic way. It then provides a conceptual understanding of React and its virtual DOM mechanism. Starting with lesson 6, you\u2019ll learn how to write React code using the basic create class syntax and an introduction to JSX, then rewrite code with modern ES6 features. Subsequent topics include the component lifecycle and state management in React. Finally, it discusses optimizing the performance of React applications, styling, and creating functional components. This course covers all the essential aspects of working with React.js in a step-by-step and comprehensive manner.<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"9:1-9:25\"><span style=\"vertical-align: inherit\">What you will learn:<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"11:1-24:0\">\n<li data-sourcepos=\"11:1-11:28\"><span style=\"vertical-align: inherit\">Using the React toolchain<\/span><\/li>\n<li data-sourcepos=\"12:1-12:56\"><span style=\"vertical-align: inherit\">Understand advanced JavaScript features used with React<\/span><\/li>\n<li data-sourcepos=\"13:1-13:35\"><span style=\"vertical-align: inherit\">Using ES6 features with React<\/span><\/li>\n<li data-sourcepos=\"14:1-14:24\"><span style=\"vertical-align: inherit\">Understanding the basic concepts of React<\/span><\/li>\n<li data-sourcepos=\"15:1-15:30\"><span style=\"vertical-align: inherit\">Using React\u2019s virtual DOM<\/span><\/li>\n<li data-sourcepos=\"16:1-16:46\"><span style=\"vertical-align: inherit\">Coding a React app with traditional syntax and ES6<\/span><\/li>\n<li data-sourcepos=\"17:1-17:25\"><span style=\"vertical-align: inherit\">React performance optimization<\/span><\/li>\n<li data-sourcepos=\"18:1-18:67\"><span style=\"vertical-align: inherit\">Using libraries to turn React into a complete front-end solution<\/span><\/li>\n<li data-sourcepos=\"19:1-19:25\"><span style=\"vertical-align: inherit\">Using React router<\/span><\/li>\n<li data-sourcepos=\"20:1-20:17\"><span style=\"vertical-align: inherit\">Using Flux<\/span><\/li>\n<li data-sourcepos=\"21:1-21:18\"><span style=\"vertical-align: inherit\">Using Redux<\/span><\/li>\n<li data-sourcepos=\"22:1-22:22\"><span style=\"vertical-align: inherit\">Testing React applications<\/span><\/li>\n<li data-sourcepos=\"23:1-24:0\"><span style=\"vertical-align: inherit\">Using React functional components<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"25:1-25:32\"><span style=\"vertical-align: inherit\">Who is this course suitable for?<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"27:1-28:0\">\n<li data-sourcepos=\"27:1-28:0\"><span style=\"vertical-align: inherit\">Intermediate to experienced developers who want to learn React.js for front-end web development.<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">ReactJS Fundamentals, 3rd Edition Course Specifications<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li><span style=\"vertical-align: inherit\">Publisher: <\/span><a href=\"https:\/\/href.li\/?https:\/\/www.oreilly.com\/library\/view\/reactjs-fundamentals-3rd\/9780136612117\/\" target=\"_blank\" rel=\"noopener\"><span style=\"vertical-align: inherit\">Oreilly<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Instructor: <\/span><a href=\"https:\/\/downloadlynet.ir\/tag\/charles-david-crawford\/\"><span style=\"vertical-align: inherit\">Charles David Crawford<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Training level: Beginner to advanced<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Training duration: 6 hours and 40 minutes<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course headings<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Introduction <\/span><br \/><span style=\"vertical-align: inherit\">ReactJS Fundamentals: Introduction<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Lesson 1: Creating Your React ToolChain <\/span><br \/><span style=\"vertical-align: inherit\">Learning objectives <\/span><br \/><span style=\"vertical-align: inherit\">1.1 Understand the requirements of your toolchain <\/span><br \/><span style=\"vertical-align: inherit\">1.2 Use NPM to manage your application\u2019s dependencies and run tasks <\/span><br \/><span style=\"vertical-align: inherit\">1.3 Compile ES6 to ES5 with Babel <\/span><br \/><span style=\"vertical-align: inherit\">1.4 Bundle applications with Webpack <\/span><br \/><span style=\"vertical-align: inherit\">1.5 Understand how Babel and Webpack work together and create a basic build process <\/span><br \/><span style=\"vertical-align: inherit\">1.6 Create a development optimized build process <\/span><br \/><span style=\"vertical-align: inherit\">1.7 Create a production optimized build process <\/span><br \/><span style=\"vertical-align: inherit\">1.8 Use create-react-app<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Lesson 2: Understanding Advanced JavaScript Required for ReactJS <\/span><br \/><span style=\"vertical-align: inherit\">Learning objectives <\/span><br \/><span style=\"vertical-align: inherit\">2.1 Use functional programming in JavaScript <\/span><br \/><span style=\"vertical-align: inherit\">2.2 Understand execution context and the this keyword! <\/span><br \/><span style=\"vertical-align: inherit\">2.3 Control execution context with bind\/call\/apply<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Lesson 3: Utilizing ES6 in Your React Applications <\/span><br \/><span style=\"vertical-align: inherit\">Learning objectives <\/span><br \/><span style=\"vertical-align: inherit\">3.1 Understand ES6 template strings <\/span><br \/><span style=\"vertical-align: inherit\">3.2 Understand ES6 default arguments <\/span><br \/><span style=\"vertical-align: inherit\">3.3 Understand ES6 rest and spread <\/span><br \/><span style=\"vertical-align: inherit\">3.4 Understand ES6 arrow functions <\/span><br \/><span style=\"vertical-align: inherit\">3.5 Understand ES6 destructuring (bug fix) <\/span><br \/><span style=\"vertical-align: inherit\">3.6 Understand ES6 modules <\/span><br \/><span style=\"vertical-align: inherit\">3.7 Understand ES6 classes <\/span><br \/><span style=\"vertical-align: inherit\">3.8 Understand ES6 promises, Part 1 <\/span><br \/><span style=\"vertical-align: inherit\">3.9 Understand ES6 promises, Part 2 <\/span><br \/><span style=\"vertical-align: inherit\">3.10 Understand ES6 promises, Part 3 <\/span><br \/><span style=\"vertical-align: inherit\">3.11 Understand ES6 fetch <\/span><br \/><span style=\"vertical-align: inherit\">3.12 Understand ES6 generators <\/span><br \/><span style=\"vertical-align: inherit\">3.13 Combine generators and Promises <\/span><br \/><span style=\"vertical-align: inherit\">3.14 Understand Async await<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Lesson 4: Understanding Basic React Concepts <\/span><br \/><span style=\"vertical-align: inherit\">Learning objectives <\/span><br \/><span style=\"vertical-align: inherit\">4.1 Utilize component-based design <\/span><br \/><span style=\"vertical-align: inherit\">4.2 Use one-way data flow and rendering<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Lesson 5: Understanding the Virtual DOM <\/span><br \/><span style=\"vertical-align: inherit\">Learning objectives <\/span><br \/><span style=\"vertical-align: inherit\">5.1 Understand the virtual DOM versus the actual DOM <\/span><br \/><span style=\"vertical-align: inherit\">5.2 Understand the diffing algorithm<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Lesson 6: Coding Your First React App with Traditional React <\/span><br \/><span style=\"vertical-align: inherit\">Learning objectives <\/span><br \/><span style=\"vertical-align: inherit\">6.1 Use createClass and render <\/span><br \/><span style=\"vertical-align: inherit\">6.2 Understand JSX <\/span><br \/><span style=\"vertical-align: inherit\">6.3 Set initial app state<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Lesson 7: React Fundamentals with New ES6 Syntax <\/span><br \/><span style=\"vertical-align: inherit\">Learning objectives <\/span><br \/><span style=\"vertical-align: inherit\">7.1 Create with new ES6 class syntax <\/span><br \/><span style=\"vertical-align: inherit\">7.2 Understand properties and state <\/span><br \/><span style=\"vertical-align: inherit\">7.3 Add new state to an app <\/span><br \/><span style=\"vertical-align: inherit\">7.4 State changes through child components <\/span><br \/><span style=\"vertical-align: inherit\">7.5 Use inputs with React <\/span><br \/><span style=\"vertical-align: inherit\">7.6 Understand functional stateless components <\/span><br \/><span style=\"vertical-align: inherit\">7.7 Utilize data fetching in React applications <\/span><br \/><span style=\"vertical-align: inherit\">7.8 Understand React component lifecycle methods <\/span><br \/><span style=\"vertical-align: inherit\">7.9 Utilize content of custom components <\/span><br \/><span style=\"vertical-align: inherit\">7.10 Understand higher order components <\/span><br \/><span style=\"vertical-align: inherit\">7.11 Utilize propTypes <\/span><br \/><span style=\"vertical-align: inherit\">7.12 Utilize ref to access child components<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Lesson 8: React Performance <\/span><br \/><span style=\"vertical-align: inherit\">Learning objectives <\/span><br \/><span style=\"vertical-align: inherit\">8.1 Improve child rendering performance by setting keys <\/span><br \/><span style=\"vertical-align: inherit\">8.2 Implement performance optimizations with shouldComponentUpdate<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Lesson 9: Styling with React <\/span><br \/><span style=\"vertical-align: inherit\">Learning objectives <\/span><br \/><span style=\"vertical-align: inherit\">9.1 Use Inline styles <\/span><br \/><span style=\"vertical-align: inherit\">9.2 Use external style sheets <\/span><br \/><span style=\"vertical-align: inherit\">9.3 Manually configure CSS modules <\/span><br \/><span style=\"vertical-align: inherit\">9.4 Implement CSS modules with styled-jsx<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Lesson 10: React Functional Components <\/span><br \/><span style=\"vertical-align: inherit\">Learning objectives <\/span><br \/><span style=\"vertical-align: inherit\">10.1 Create Stateless Functional Components <\/span><br \/><span style=\"vertical-align: inherit\">10.2 Create terser functional components with arrow functions <\/span><br \/><span style=\"vertical-align: inherit\">10.3 Create terser functional components with parameter destructuring <\/span><br \/><span style=\"vertical-align: inherit\">10.4 Create stateful function components with useState <\/span><br \/><span style=\"vertical-align: inherit\">10.5 Add lifecycle events to function components with useEffect <\/span><br \/><span style=\"vertical-align: inherit\">10.6 Create custom useEffect functions for function components<\/span><\/li>\n<li dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Summary <\/span><br \/><span style=\"vertical-align: inherit\">ReactJS Fundamentals: Summary<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course images<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-984696 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/05\/ReactJS-Fundamentals-3rd-Edition.png\" alt=\"ReactJS Fundamentals, 3rd Edition\" width=\"1244\" height=\"436\"><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Sample course video<\/span><\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-165158-1\"><video class=\"wp-video-shortcode\" id=\"video-165158-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/ReactJS_Fundamentals_3rd_Edition_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/ReactJS_Fundamentals_3rd_Edition_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/ReactJS_Fundamentals_3rd_Edition_Downloadly.ir.mp4?nocache=1786137888465\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/ReactJS_Fundamentals_3rd_Edition_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div dir=\"ltr\" style=\"text-align: left\">\n<h3><span style=\"vertical-align: inherit\">Installation Guide<\/span><\/h3>\n<p><span style=\"vertical-align: inherit\">After Extract, view with your favorite player.<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Subtitles: English<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Quality: 720p<\/span><\/p>\n<\/div>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Download link<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Oreilly_ReactJS_Fundamentals_3rd_Edition_2021-3.part1_Downloadly.ir.rar?nocache=1786137887\"><span style=\"vertical-align: inherit\">Download Part 1 \u2013 1 GB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Oreilly_ReactJS_Fundamentals_3rd_Edition_2021-3.part2_Downloadly.ir.rar?nocache=1786137887\"><span style=\"vertical-align: inherit\">Download Part 2 \u2013 811 MB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">File(s) password: www.downloadly.ir<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">File size<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">1.8 GB<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description ReactJS Fundamentals, 3rd Edition. This course teaches the basics of React.js for front-end web development. The course starts with pure React and g<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[87807,87808,87809,87810,87811,87812],"class_list":["post-10378","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-charles-david-crawford","dgi_tag-course-reactjs-fundamentals-3rd-edition","dgi_tag-download-course-reactjs-fundamentals-3rd-edition","dgi_tag-download-reactjs-fundamentals-3rd-edition","dgi_tag-free-download-reactjs-fundamentals-3rd-edition","dgi_tag-free-reactjs-fundamentals-3rd-edition"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/10378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/10378\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=10378"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=10378"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=10378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}