Reusable State and Effects with React Hooks

Previously, in order to add state or side-effects in React you had to create a Class Component. However, with the introduction of the Hooks proposal (currently pre-released), you can now add state and effects to a Function Component. In addition, you can extract your hook logic and create a custom hook that can be shared across your app.

As I introduce the concepts of React hooks, I'll apply those concepts in various demos to see how they apply in different scenarios. I'll be converting Class Components to Function Components so you can see how they relate to each-other.

By the end of this course, you'll learn how to:

• Run (and Skip) side-effects with the useEffect hook
• Write a custom hook to share logic in your app
• Simplify the Context API with the useContext hook
• Update state with dispatch actions using the useReducer hook
• Optimize Components with useMemo