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

Introduction

Understanding modern React
What you should know before watching this course

Intro to React Hooks

React Hooks history
Installing Create React App
Reviewing the project

The useState Hook

Reviewing Array and Object destructuring
Incorporating the useState Hook
Building a checkbox with useState
Working with component trees
Sending interactions up component trees

The useEffect Hook

Introducing useEffect
Working with the dependency array
Fetching data with useEffect

Additional Hooks

Handling complex state with useReducer
Refactoring useState to useReducer
Dispatching actions with useReducer
Managing form inputs with useRef
Creating controlled components with useState

Creating Custom Hooks

Reusing form logic with custom Hooks
Placing data in context
Retrieving data with useContext
Creating a custom Hook with context
Data fetching with a Fetch Hook
Building a fetch component

Conclusion

Next steps