React Hooks

Course details

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.

Concepts

0. Introduction

01 - Understanding modern React
02 - What you should know before watching this course

1. Intro to React Hooks

03 - React Hooks history
04 - Installing Create React App
05 - Reviewing the project

2. The useState Hook

06 - Reviewing Array and Object destructuring
07 - Incorporating the useState Hook
08 - Building a checkbox with useState
09 - Working with component trees
10 - Sending interactions up component trees

3. The useEffect Hook

11 - Introducing useEffect
12 - Working with the dependency array
13 - Fetching data with useEffect

4. Additional Hooks

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

5. Creating Custom Hooks

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

Conclusion

25 - Next steps

React Hooks

Authors

Eve Porcello