Learning React.js

Learning React.js

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1 Hour | 162 MB

React.js is designed to make the process of building modular, reusable user interface components simple and intuitive. In this course, Eve Porcello guides you through the foundations of React development, including the use of React hooks—a new feature starting in React 16.8 that allows developers to add functionality to components without writing classes. Eve shows how to create components, display dynamic data with properties, and render components using JSX syntax. Eve also manages the state of components with hooks; uses powerful React enhancements, such as the useEffect hook for loading remote data; and leverages cloud deployment options for apps created with create-react-app.

Topics include:

  • What is React.js?
  • Creating and rendering React elements
  • Introducing JSX
  • Creating a React component
  • Rendering
  • Managing state with hooks
  • Using multi-state variables
  • Fetching data
  • Deploying a React app
Table of Contents

Introduction
1 Getting started with React
2 What you should know before watching this course

Getting Started with React
3 What is React
4 Using create-react-app
5 Touring a create-react-app project
6 Setting up React Developer Tools for Chrome
7 Installing React Developer Tools for Firefox

React Elements
8 Creating a React element
9 Rendering multiple React elements
10 Introducing JSX
11 Understanding JSX features

React Components
12 Creating a React component
13 Understanding properties
14 Composing components
15 Rendering lists
16 Rendering lists of objects
17 Adding keys
18 Conditional rendering
19 React fragments

React State with Hooks
20 Understanding array destructuring
21 Using useState
22 Using multiple state variables
23 Working with useEffect

React Enhancements
24 Updating with the useEffect dependency array
25 Fetching data with useEffect
26 Using useReducer
27 Deploying a React app

Conclusion
28 Next steps