Oreilly – ReactJS Fundamentals, 3rd Edition 2021-3

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’ll 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.

What you will learn:

• Using the React toolchain
• Understand advanced JavaScript features used with React
• Using ES6 features with React
• Understanding the basic concepts of React
• Using React’s virtual DOM
• Coding a React app with traditional syntax and ES6
• React performance optimization
• Using libraries to turn React into a complete front-end solution
• Using React router
• Using Flux
• Using Redux
• Testing React applications
• Using React functional components

Who is this course suitable for?

• Intermediate to experienced developers who want to learn React.js for front-end web development.

ReactJS Fundamentals, 3rd Edition Course Specifications

• Publisher: Oreilly
• Instructor: Charles David Crawford
• Training level: Beginner to advanced
• Training duration: 6 hours and 40 minutes

Course headings

• Introduction
  ReactJS Fundamentals: Introduction
• Lesson 1: Creating Your React ToolChain
  Learning objectives
  1.1 Understand the requirements of your toolchain
  1.2 Use NPM to manage your application’s dependencies and run tasks
  1.3 Compile ES6 to ES5 with Babel
  1.4 Bundle applications with Webpack
  1.5 Understand how Babel and Webpack work together and create a basic build process
  1.6 Create a development optimized build process
  1.7 Create a production optimized build process
  1.8 Use create-react-app
• Lesson 2: Understanding Advanced JavaScript Required for ReactJS
  Learning objectives
  2.1 Use functional programming in JavaScript
  2.2 Understand execution context and the this keyword!
  2.3 Control execution context with bind/call/apply
• Lesson 3: Utilizing ES6 in Your React Applications
  Learning objectives
  3.1 Understand ES6 template strings
  3.2 Understand ES6 default arguments
  3.3 Understand ES6 rest and spread
  3.4 Understand ES6 arrow functions
  3.5 Understand ES6 destructuring (bug fix)
  3.6 Understand ES6 modules
  3.7 Understand ES6 classes
  3.8 Understand ES6 promises, Part 1
  3.9 Understand ES6 promises, Part 2
  3.10 Understand ES6 promises, Part 3
  3.11 Understand ES6 fetch
  3.12 Understand ES6 generators
  3.13 Combine generators and Promises
  3.14 Understand Async await
• Lesson 4: Understanding Basic React Concepts
  Learning objectives
  4.1 Utilize component-based design
  4.2 Use one-way data flow and rendering
• Lesson 5: Understanding the Virtual DOM
  Learning objectives
  5.1 Understand the virtual DOM versus the actual DOM
  5.2 Understand the diffing algorithm
• Lesson 6: Coding Your First React App with Traditional React
  Learning objectives
  6.1 Use createClass and render
  6.2 Understand JSX
  6.3 Set initial app state
• Lesson 7: React Fundamentals with New ES6 Syntax
  Learning objectives
  7.1 Create with new ES6 class syntax
  7.2 Understand properties and state
  7.3 Add new state to an app
  7.4 State changes through child components
  7.5 Use inputs with React
  7.6 Understand functional stateless components
  7.7 Utilize data fetching in React applications
  7.8 Understand React component lifecycle methods
  7.9 Utilize content of custom components
  7.10 Understand higher order components
  7.11 Utilize propTypes
  7.12 Utilize ref to access child components
• Lesson 8: React Performance
  Learning objectives
  8.1 Improve child rendering performance by setting keys
  8.2 Implement performance optimizations with shouldComponentUpdate
• Lesson 9: Styling with React
  Learning objectives
  9.1 Use Inline styles
  9.2 Use external style sheets
  9.3 Manually configure CSS modules
  9.4 Implement CSS modules with styled-jsx
• Lesson 10: React Functional Components
  Learning objectives
  10.1 Create Stateless Functional Components
  10.2 Create terser functional components with arrow functions
  10.3 Create terser functional components with parameter destructuring
  10.4 Create stateful function components with useState
  10.5 Add lifecycle events to function components with useEffect
  10.6 Create custom useEffect functions for function components
• Summary
  ReactJS Fundamentals: Summary

Course images

Sample course video

Download link

Download Part 1 – 1 GB

Download Part 2 – 811 MB

File(s) password: www.downloadly.ir

File size

1.8 GB