Migrating to React Hooks
React is continually improving and evolving. React Hooks are a leap forward in how we develop components and manage state in our React applications. Now you can use state and other React features without having to write a class! Many React developers have switched from classes to React Hooks and are realizing the benefits of understanding their apps better because: - Related logic is now located together - Less code is needed compared to the equivalent class - Function components better align with React’s mental model - Hooks are just awesome! 🎉 Do you have a codebase filled with class components? You could leave it that way, but it will become increasingly more “legacy” as time continues to pass by. Why not change now? Is your team still not developing with React hooks? The longer you stick with the “old way,” the harder it will be to change when you need to. Why not change now?
Hi, I’m Ben Ilegbodu 👋🏾. In this workshop, not only will you learn the ins and outs of React Hooks, but also how to switch to React Hooks from class lifecycle methods, bringing your codebase and your team into the modern React era.
Get ready to…
- Switch from setState to the useState hook
- Make API calls with the useEffect hook instead of the componentDidMount, componentDidUpdate & componentWillUnmount lifecycle class methods
- Create custom hooks to reuse and compose logic
- Use function closures instead of this & .bind for callbacks and event handlers
- …and many other features to help you write modern React code
You’ll need to have…
- Prior experience building React applications, specifically using classes
- Experience with modern JavaScript syntax and asynchronous patterns like Promise & async/await
This workshop may not be for you if you…
- Are still new to React
- Already have dabbled with React Hooks
Ben is a Christian, husband, and father of 3, with nearly 15 years of professional experience developing user interfaces for the Web. He currently is a Principal Frontend Engineer at Stitch Fix on their Frontend Platform team, architecting their Design System. Ben also is a Google Developer Expert, Microsoft MVP, and enjoys playing basketball, DIY, watching movies, and tweeting (@benmvp) / blogging (benmvp.com) about his experiences with new web technologies.