Upgrade to Pro — share decks privately, control downloads, hide ads and more …

An Introduction to React Hooks

Avatar for Paul McBride Paul McBride
February 27, 2019
Technology
0
45

An Introduction to React Hooks

A quick introduction to React hooks and how they solve a few pain points in React.

Avatar for Paul McBride

Paul McBride

February 27, 2019
Tweet

More Decks by Paul McBride

See All by Paul McBride
Lessons Learned as a Self-taught Developer
Avatar for Paul McBride thepaulmcbride
0
40
Introduction to PHP 7
Avatar for Paul McBride thepaulmcbride
1
88

Other Decks in Technology

See All in Technology
AIエージェント就活入門 - MCPが履歴書になる未来
Avatar for Ikko Eltociear Ashimine eltociear
0
610
人を動かすことについて考える
Avatar for nakamichi ichimichi
2
350
Goss: Faiss向けの新しい本番環境対応 Goバインディング #coefl_go_jp
Avatar for 弁護士ドットコム bengo4com
0
1.4k
攻撃と防御で実践するプロダクトセキュリティ演習～導入パート～
Avatar for Recruit recruitengineers
PRO
3
840
JavaScript 研修
Avatar for Recruit recruitengineers
PRO
4
780
Evolution on AI Agent and Beyond - AGI への道のりと、シンギュラリティの３つのシナリオ
Avatar for Masaya Mori (森正弥) / CAIO (Chief AI Officer) masayamoriofficial
0
220
第4回 関東Kaggler会 [Training LLMs with Limited VRAM]
Avatar for tascj tascj
12
1.9k
GitHub Copilot coding agent を推したい / AIDD Nagoya #1
Avatar for tnir tnir
4
4.8k
Gaze-LLE: Gaze Target Estimation via Large-Scale Learned Encoders
Avatar for Kazuyuki Miyazawa kzykmyzw
0
360
TypeScript入門
Avatar for Recruit recruitengineers
PRO
27
8.6k
LLMエージェント時代に適応した開発フロー
Avatar for Yuya Hirayama hiragram
1
430
自社製CMSからmicroCMSへのリプレースがプロダクトグロースを加速させた話
Avatar for nextbeat-engineer nextbeatdev
0
220

Featured

See All Featured
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.5k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
73
5k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
480
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
110
20k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
900
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
55
6.5k

Transcript

  1. Introducing React Hooks @ThePaulMcBride

  2. None

  3. ⚛ What is React?

  4. Make Building UIs Easier

  5. Simplify hard stuff

  6. Suspense

  7. Performance

  8. None

  9. Developer Tooling

  10. None

  11. Where React Sucks

  12. ♻ Code Reusability

  13. None

  14. Separation of Concerns

  15. None

  16. Classes are hard

  17. None

  18. Hooks to the Rescue

  19. Demo

  20. Rules

  21. Only Call Hooks at the Top Level

  22. Only Call Hooks from React Functions

  23. Conclusion

  24. Questions?