React Hooks

React Hooks

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 1h 13m | 185 MB

React Hooks embed logic into functions in new React applications. In this course, instructor Eve Porcello covers various styles of Hooks usage and ways to integrate them into your programming workflow. She tells you how Hooks came to be part of the library, then walks you through how to install Create React App. Eve covers how you can use the useState Hook to handle different types of state variables and work with component trees. The useEffect Hook can be used for several application side effects, whenever the state of the app changes. Eve teaches you how to work with the dependency array effect and fetch data with the useEffect Hook. Next, she explains several additional Hooks and steps through the process of creating custom Hooks. In conclusion, Eve shows you some different directions you can pursue to improve your knowledge of the React ecosystem.

Table of Contents

1 Understanding modern React
2 What you should know before watching this course
3 React Hooks history
4 Installing Create React App
5 Reviewing the project
6 Reviewing Array and Object destructuring
7 Incorporating the useState Hook
8 Building a checkbox with useState
9 Working with component trees
10 Sending interactions up component trees
11 Introducing useEffect
12 Working with the dependency array
13 Fetching data with useEffect
14 Handling complex state with useReducer
15 Refactoring useState to useReducer
16 Dispatching actions with useReducer
17 Managing form inputs with useRef
18 Creating controlled components with useState
19 Reusing form logic with custom Hooks
20 Placing data in context
21 Retrieving data with useContext
22 Creating a custom Hook with context
23 Data fetching with a Fetch Hook
24 Building a fetch component
25 Next steps