All About React

A curated list of react resources from industry experts

About The Project

This Project is created to help developers master their concepts and expertise in React by learning from articles, talks, and podcasts from industry experts in this domain.

It serves as a curated list of React material and content to help in learning react in-depth and build a solid foundation of programming concepts. We organized the material topic-wise and categorized it into articles, talks, and podcasts for now.

Experts

These are the react experts to whom content and resources we are referring

_{Andrew Clark}

_{Brian Vaughn}

_{Dan Abramov}

_{Ryan Florence}

_{Kent C. Dodds}

_{Brad Westfall}

_{Michael Jackson}

Table of Contents

State and Props
Hooks
Routing
- React Router
Styling
Global State Management
- Redux
- Recoil
- Jotai
- Rematch
- Hookstate
- MobX
- Zustand
Data Fetching
- React Query
- SWR
- RTK Query
- Apollo
Rendering
Patterns
Testing
React in Typescript
Server Side Rendering
- React Dom Server
- NextJS
- Remix
- Gatsby
Security
Architecture
Toolchains
- Create React App
- Vite
- Nx
Dockerization

State and Props 🔝

Blogs and Articles

Talks

Hooks 🔝

Rendering 🔝

Blogs and Articles

📜 Introducing the React Profiler By Brian Vaughn
📜 Introducing the New React DevTools By Brian Vaughn
📜 React Inline Functions And Performance By Ryan Florence
📜 React Context and Re-Renders: React Take the Wheel By Ryan Florence
📜 Fix the slow render before you fix the re-render by Kent C. Dodds
📜 React: "mount" vs "render"? By Brad Westfall
📜 Portals with Context By Brad Westfall
📜 Flow Control in React By Brad Westfall
📜 Use a render prop by Michael Jackson

Talks

🎥 Concurrent Rendering in React by Andrew Clark and Brian Vaughn
🎥 Creating More Efficient React Views with Windowing By Brian Vaughn
🎥 React Developer tooling By Brian Vaughn
🎥 React Developer Tooling React Conf 2021 By Brian Vaughn
🎥 Playing with React suspense and DevTools By Brian Vaughn
🎥 Deep dive with the React DevTools profiler By Brian Vaughn
🎥 Why The Form? Data Mutations on the Web - RenderATL 2022 by Ryan Florence
🎥 Never Write Another HoC by Michael Jackson
🎥 Road to a Better UX with Suspense and Concurrent UI by Nikhil Sharma
🎥 Cracking the Concurrent Mode by Sudhanshu Yadav
🎥 Beyond Virtual Lists: How to Render 100K Items with 100s of Updates/sec in React by Michel Weststrate
🎥 The Worlds Most Expensive React Component and How to Stop Writing It by Michael Chan
🎥 Inside Fiber: the in-depth overview you wanted a TLDR for by Matheus Albuquerque
🎥 Let's Talk about Re-renders by Nadia Makarevich
🎥 React Advanced Keynote: Performance is magic by Ken Wheeler
🎥 Track and increase speed of your apps by Jessica Leach
🎥 An Overview of React's Reconciliation Algorithm by Elad Tzemach

Podcasts

Patterns 🔝

Blogs and Articles

📜 Advanced Element Composition in React by Ryan Florence
📜 The State Initializer Pattern by Kent C. Dodds
📜 Advanced React Component Patterns by Kent C. Dodds
📜 The state reducer pattern by Kent C. Dodds
📜 Stop using isLoading booleans by Kent C. Dodds
📜 Why you shouldn't put refs in a dependency array by Kent C. Dodds
📜 The Latest Ref Pattern in React by Kent C. Dodds
📜 One React mistake that's slowing you down by Kent C. Dodds
📜 Memoization and React by Kent C. Dodds

Talks

Podcasts

🎙️ Building Accessible UI Components by Ryan Florence

Testing 🔝

Blogs and Articles

Talks

React in TypeScript 🔝

Blogs and Articles

Talks

Contribution

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated!.