React.js Essential Training

Introduction

• Building modern user interfaces with React
• What you should know before watching this course

1. What Is React?

• What is React?
• Setting up Chrome tools for React
• Setting up Firefox DevTools for React
• Working with Visual Studio Code

2. Intro to React Elements

• Adding React to your project
• Creating React elements
• Refactoring elements using JSX
• Incorporating Babel
• Working with JSX syntax

3. React Components

• Creating a React component
• Adding component properties
• Working with lists
• Adding keys to list items
• Displaying images with React
• Using fragments

4. React State in the Component Tree

• Generating a project with Create React App
• Touring a Create React App project
• Destructuring arrays and objects
• Understanding the useState Hook
• Working with useEffect
• Understanding the dependency array
• Incorporating useReducer

5. Handling Forms in React

• Working with uncontrolled components
• Creating controlled form elements
• Building a custom Hook
• Choosing a form library

6. Asynchronous React

• Fetching data with Hooks
• Displaying data from an API
• Handling loading states
• Fetching data with GraphQL
• Working with render props

7. React Router

• Installing React Router v6
• Configuring the Router
• Incorporating the Link component
• Nesting links with React Router v6

8. React Testing and Deployment

• Using Create React App as a testing platform
• Testing small functions with Jest
• Introducing React Testing Library
• Testing events with React Testing Library
• Deploying to Netlify

Conclusion

• Next steps