A modern React example with Typescript, React Hooks, Styled Components, Material UI and Fontawesome
I created this tutorial to collect demos on typical problems occur in this stack, especially about Typescript, state and context. I did my best to separate examples to components, so if you want, you can simply remove components from App.tsx (or even from the component folder) to only deal with the one you need.
Only exceptions are store.tsx for context examples which is in the root folder; and fontawesome library, which is defined in App.tsx, so its usage is simplier.
- For some examples I used TechZ's tutorial video. It was pretty useful, it starts from simple examples, reaching the Rick & Morty episode list application
- Documentation: TypeScript Handbook, Styled Components website, Material UI website, Fontawesome docs, Introducing React Hooks
- Github repos
- Gabe Ragland's React Hook recipes, Stefan Baumgartner's Typescript and React intro