React Hooks

Transcript

1. React Hooks The power of this API ⚡
2. Hooks allow you to use states and states methods without creating a class. You can also create your own Hooks and share between your components. Hooks??
3. Why? - Use all React features without a class; - Reuse stateful logic between components; - Classes are still confusing people; - React wants to be relevant for more and more years; - You don’t need to rewrite all your code; - Opt-in and 100% backwards-compatible.
5. Let's understand some Hooks
6. Hook for states: useState
7. Before After
8. Hook for effects: useEffect
9. Before After
10. Hook for context: useContext
11. Before After
12. Nested: Before Nested: After
13. Create your own hook
14. Same logic
15. Same logic Extracting a Custom Hook
16. Same logic Using a Custom Hook
17. Questions?
18. h t t p s : / / r e a c t j s . o r g / d o c s / h o o k s - reference.html#additional-hooks https://reactjs.org/docs/hooks-faq.html
 
 https://github.com/rehooks/awesome-react- hooks
 
 https://medium.com/@dan_abramov/making- sense-of-react-hooks-fdbde8803889 Additional