pure-react-using-react-hooks

00:00:00 - 01 Use the Usestate Hook to Add State to a Function Component 00:01:33 - 02 the Magic Behind How Hooks Work 00:04:19 - 03 Call Usestate Multiple Times in One Component 00:05:51 - 04 Store an Object in Usestate and Update It Immutably 00:09:44 - 05 Extract Related Hooks Code Into a Custom Hook 00:12:32 - 06 Access a Dom Node Directly With the Useref Hook 00:15:33 - 07 Manage Simple State With the Usereducer Hook 00:19:29 - 08 Implement Undo Redo With the Usereducer Hook 00:30:02 - 09 Synchronize State With Side Effects With the Useeffect Hook 00:33:39 - 10 Manage Input Focus With Useeffect 00:38:54 - 11 Return a Function From Useeffect to Clean up a Previous Effect 00:42:01 - 12 How to Uselayouteffect Instead of Useeffect 00:45:01 - 13 Refactor a React Class to Use Hooks 00:46:48 - 14 Refactor Lifecycles With Closures to Use Hooks 00:58:08 - 15 Cache Values With the Usememo Hook 01:00:29 - 16 Initialize Usestate With a Function 01:01:32 - 17 Cache Callback Functions With the Usecallback Hook