[egghead.io] Reusable State and Effects with React Hooks


Manage series 2481509
By Discovered by Player FM and our community — copyright is owned by the publisher, not Player FM, and audio streamed directly from their servers.
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 note: React Hooks is **alpha** and subject to change. The React team has the [16.x roadmap here](https://reactjs.org/blog/2018/1).

13 episodes available. A new episode about every 0 hours averaging 4 mins duration .