Web Rush

Episode 88: Refactoring To React Hooks With Gustavo Miranda

Episode Summary

Gustavo Miranda joins Craig and Ward to talk about React hooks and why they are important. Also discussed are how hooks tie into moments in React, what Atomic Design is, how Gustavo changed his thinking about React with hooks, what the learning curve was like, how he used hooks to manage state, and suggestions for people new to hooks.

Episode Notes

Recording date: 2020-04-28

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Gustavo Miranda LinkedIn

Brought to you by

ag-Grid

Narwhal

Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources:

• UseHooks.com
• Atomic Web Design
• Hooks State
• Redux Toolkit
• Writing custom hooks
• NOT reactive-react-redux
• Official react-redux + hooks
• React is becoming a black box
• Kent C. Dodds on testing custom hooks
• React-Query

Timejumps

• 01:58 Guest introduction
• 03:05 What are React hooks and why are they important?
• 10:16 Sponsor: Ag-Grid
• 11:21 How do Hooks tie into moments in React?
• 12:43 What kind of application did you switch to use Hooks?
• 14:21 What is Atomic Design?
• 18:52 Did you have to change the way you think about React?
• 21:41 What was the learning curve like?
• 27:21 Sponsor: Nrwl
• 28:02 How do you use Hooks to manage state?
• 34:22 How do folks new to Hooks get started?
• 38:02 Final thoughts