~/talk

React Hooks: Bye Bye to Classes

TalkinSpanishat Commit Conf 2019 · 2019-11-22..11-23· [react, typescript]
links:none on file
slides:none on file

Shows how to replace React class components with React Hooks to avoid lifecycle methods, share and manage state across different parts of an app, remove class boilerplate, and improve reuse of state logic by using functions. Includes live-coding examples that refactor old class components and implement state management using only Hooks (React useState, useEffect and custom hooks implied).

AI-written summary · about

  1. 0:00Welcome
  2. 1:29Context and motivation
  3. 2:53What are Hooks?
  4. 4:15Hooks advantages
  5. 7:22useState explained
  6. 8:28Demo: useState
  7. 11:07useEffect explained
  8. 13:20Demo: useEffect
  9. 16:52Logic reuse with Hooks
  10. 19:53useContext explained
  11. 21:58Demo: useContext
  12. 24:48Global state management
  13. 27:44Summary
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.