React Hooks

React Hooks simplify state management in new React applications. Explore various styles of Hooks usage and ways to integrate them into your programming workflow.

Introduction

• Understanding modern React
• What you should know before watching this course

1. Intro to React Hooks

• React Hooks history
• Installing Create React App
• Reviewing the project

2. 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

3. The useEffect Hook

• Introducing useEffect
• Working with the dependency array
• Fetching data with useEffect

4. 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

5. 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