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 developer tools for React

2. Intro to React Elements

• Installing Create React App
• Generating a project
• Creating React elements
• Refactoring elements using JSX

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

• Conditional rendering
• Destructuring arrays and objects
• Understanding the useState Hook
• Working with useEffect
• Incorporating useReducer

5. Asynchronous React

• Fetching data with Hooks
• Displaying data from an API
• Handling loading states

6. React Testing

• Using Create React App as a testing platform
• Testing small functions with Jest
• Introducing React testing library
• Testing Hooks with React testing library

7. React Router

• Installing React Router 6
• Configuring the router
• Incorporating the link component
• Nesting links with React Router 6

Conclusion

• Next steps