Stories from the React Crypt

on YouTube ↗13m

" summary

Shows concrete examples of improving a React codebase by comparing before-and-after code snippets, points out common pitfalls that can accumulate over time, and outlines considerations to keep in mind when writing React code. Uses real React code comparisons to illustrate improvements and warnings.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 1:08Use memo
3. 6:20Remove unnessesery useEffect
4. 7:46useState hell (abuse useState)
5. 8:35Improve your form-option 2
6. 9:12Debounce → useDeferredValue
7. 10:20reduce props with useimperativeHandle
8. 11:53Element changed async

" related talks

• 42mClean Code vs. Dirty Code: React Best PracticesDonavon West · BuzzJS 3.1 2018
• 12mReducing bugs in a React codebaseDarshita Chaturvedi · React Native EU 2022
• 12mCodecrumbs in ReactBohdan Liashenko · React Finland 2019
• 28mBack to React: The Story of Two AppsMichael Chan · React Rally 2017
• 30mSmells in React appsThai Pangsakulyanont · JSConf.Asia 2018
• 25mBeautiful Abstractions "What I Learned Reading the Source-Code of 18 React Libraries"Yonatan Mevorach · ReactNext 2018
• 39mBeyond ReactMarek Piasecki · The Rolling Scopes Conference 2018
• 26mTranslating ReactJennifer Wong · React Rally 2018