React Hooks

React Hooks

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.


  • 英文名称:React Hooks
  • 时长:1小时13分
  • 字幕:英语


  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