Advanced TypeScript for React

Participants in this workshop will deep dive into the patterns of typing React Components and explore strategies for maintaining type-safe and scalable code. We will cover a wide range of topics, from Compound & Polymorphic Components to Discriminated Union Props, Generic Components, and much more.

Transcript

1. @glnnrys · glennreyes.com Advanced TypeScript for React Workshop at CityJS London 2024 – April 4, 2024
2. Glenn Reyes @glnnrys · glennreyes.com Engineer, Speaker & Teacher Engineer @ Spearbit
3. @glnnrys Advanced TypeScript for React
4. @glnnrys Advanced TypeScript
5. @glnnrys React
6. @glnnrys TypeScript 🤝 React
7. @glnnrys Overview • Warm-up — HTML A tt ribute Types • Session 1 — Discriminated Union Types • Session 2 — Compound & Polymorphic Components • 10-min Break • Session 3 — Generic Components • Session 4 — Typing Components wrapped in forwardRef • Session 5 — Miscellaneous TypeScript Tips for React
8. @glnnrys Links • CodeSandbox: • h tt ps://codesandbox.io/p/github/glennreyes/ advanced-typescript-workshop/main • Repository • h tt ps://github.com/glennreyes/advanced- typescript-workshop
9. @glnnrys Miscellaneous TypeScript Tips for React
10. @glnnrys https://glennreyes.com/talks/typescript-patterns-for-better-react-components
11. @glnnrys type vs. interfaces
12. @glnnrys & vs. interface extends
13. @glnnrys More Resources
14. @glnnrys https://react-typescript-cheatsheet.netlify.app/
15. @glnnrys https://www.totaltypescript.com/articles