Overview
-
React is a great choice for dynamic, data-driven user experiences. Learn how to create browser-based apps and websites with the component-based React.js library.
Syllabus
-
Introduction
- Building modern user interfaces with React
- What you should know before watching this course
- What is React?
- Setting up Chrome tools for React
- Setting up Firefox developer tools for React
- Installing Create React App
- Generating a project
- Creating React elements
- Refactoring elements using JSX
- Creating a React component
- Adding component properties
- Working with lists
- Adding keys to list items
- Displaying images with React
- Using fragments
- Conditional rendering
- Destructuring arrays and objects
- Understanding the useState Hook
- Working with useEffect
- Incorporating useReducer
- Fetching data with Hooks
- Displaying data from an API
- Handling loading states
- Using Create React App as a testing platform
- Testing small functions with Jest
- Introducing React testing library
- Testing Hooks with React testing library
- Installing React Router 6
- Configuring the router
- Incorporating the link component
- Nesting links with React Router 6
- Next steps
