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.
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
|
- State and Props
- Hooks
- Routing
- Styling
- Global State Management
- Data Fetching
- Rendering
- Patterns
- Testing
- React in Typescript
- Server Side Rendering
- Security
- Architecture
- Toolchains
- Dockerization
- 📜 You Probably Don't Need Derived State by Brian Vaughn
- 📜 Props vs State by Kent C. Dodds
- 📜 Don't Sync State. Derive It by Kent C. Dodds
- 📜 Application State Management with React by Kent C. Dodds
- 📜 State Colocation will make your React app faster by Kent C. Dodds
- 📜 Understanding React's key prop by Kent C. Dodds
- 📜 useState lazy initialization and function updates by Kent C. Dodds
- 📜 Should I useState or useReducer? by Kent C. Dodds
- 📜 How to implement useState with useReducer by Kent C. Dodds
- 📜 My State Management Mistake by Kent C. Dodds
- 📜 How To Use and Not Use State By Brad Westfall
- 📜 How is state related to the declarative approach in React? by Brad Westfall
- 🎥 Using Composition in React to Avoid "Prop Drilling" By Michael Jackson
- 🎥 The Actor Model: a new mental model for React by Farzad YousefZadeh
- 🎥 setState, We Need to Talk! by Nikhil Sharma
- 📜 Why Do React Hooks Rely on Call Order by Dan Abramov
- 📜 Before You memo() by Dan Abramov
- 📜 A Complete Guide to useEffect by Dan Abramov
- 📜 Synchronizing with Effects by Dan Abramov
- 📜 Making setInterval Declarative with React Hooks by Dan Abramov
- 📜 Reconciling the useEffect Tree By Ryan Florence
- 📜 Using Hooks in Classes By Ryan Florence
- 📜 useEffect vs useLayoutEffect by Kent C. Dodds
- 📜 React Hooks: Compound Components by Kent C. Dodds
- 📜 5 Tips to Help You Avoid React Hooks Pitfalls by Kent C. Dodds
- 📜 When to useMemo and useCallback by Kent C. Dodds
- 📜 Myths about useEffect by Kent C. Dodds
- 📜 useEffect(fn, []) is not the new componentDidMount() by Brad Westfall
- 📜 When do I use functions in a Hooks Dependency Array? By Brad Westfall
- 📜 Wins for Hooks By Brad Westfall
- 📜 Blog Claps, and lessons on Hooks By Brad Westfall
- 🎥 React Today and Tomorrow and 90% Cleaner React With Hooks by Dan Abramov
- 🎥 90% Cleaner React With Hooks by Ryan Florence
- 🎥 Fun with React Hooks by Michael Jackson and Ryan Florence
- 🎥 Modern React Workshop: Hooks and Suspense (Part 1) by Kent C. Dodds
- 🎥 Modern React Workshop: Hooks and Suspense (Part 2) by Kent C. Dodds
- 🎥 Live with Kent: TypeScriptifying the "Advanced React Hooks" workshop by Kent C. Dodds
- 🎥 React Hook Pitfalls - React Rally 2019 by Kent C. Dodds
- 🎥 React useEffect - What goes in the dependency array? What do functions sometimes go in the array? By Brad Westfall
- 🎥 Composing Behavior in React or Why React Hooks are Awesome by Michael Jackson
- 🎥 Hooks are a great abstraction model by Calin Tamas
- 🎥 We Don’t Know How React State Hooks Work by Adam Klein
- 🎥 Don't Forget React Memo by Khrystyna Landvytovych
- 🎥 Requisite React: Learn how to use React Hooks, Suspense & JSX by Kent C. Dodds
- 🎥 React's Tackle Box, Using the Right Hooks for the Job by Bryan Pitt
- 🎥 Build Modern React apps with Hooks, Suspense, Context, and Firebase by Jeff Huleatt
- 🎥 The Psychological Effects of useEffect by Sara Vieira
- 🎥 React without memo by Xuan Huang
- 🎙️ Realigning Your Model of React After Hooks With Dan Abramov
- 🎙️ Trying React Hooks for the first time with Dan Abramov
- 🎙️ Hooks are Mixins with Ryan Florence
- 📜 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
- 🎥 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
- 🎙️ Decide with Your Human Brain, with Brian Vaughn. On the new React profiler, windowing, and intelligent performance tuning.
- 🎙️ Brian Vaughn on Fast Refresh for Web and Concurrent React Dev Tools
- 🎙️ Brian Vaughn on Async Rendering System and New Component Lifecycle Methods
- 🎙️ Michael Jackson on Async React with Andrew Clark
- 📜 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
- 🎥 When To Fetch: Remixing React Router by Ryan Florence
- 🎥 The Curse Of React By Ryan Florence
- 🎥 Making The DOM Declarative by Michael Jackson
- 🎥 Components, Patterns and sh*t it's Hard to Deal with by Marco Cedaro
- 🎥 Refactoring React: Which component pattern can improve your codebase? by Siddharth Kshetrapal
- 🎥 UI as API by Narendra Shetty
- 🎥 How Many Ways to Say I'm Sorry, Error Handling in React by Jesse Martin
- 🎥 Scalable React Development for Large Projects by Jason Jean
- 🎥 Designing with Code in Mind by Elizabet Oliveira
- 🎥 Setting Up Feature Flags with React by Talia Nassi
- 📜 Introducing the react-testing-library by Kent C. Dodds
- 📜 Static vs Unit vs Integration vs E2E Testing for Frontend Apps by Kent C. Dodds
- 📜 React Hooks: What's going to happen to my tests? by Kent C. Dodds
- 📜 Common mistakes with React Testing Library by Kent C. Dodds
- 📜 How to test custom React hooks by Kent C. Dodds
- 📜 Testing Implementation Details by Kent C. Dodds
- 📜 Write fewer, longer tests by Kent C. Dodds
- 📜 How to Test React.useEffect by Kent C. Dodds
- 🎥 Automating All the Code & Testing Things with GitHub Actions by Colby Fayock
- 🎥 To Mock or Not to Mock - That's the Question by Rita Castro
- 🎥 Don’t Let Your Unit Tests Slow You Down: Improve your front-end testing by Daniel Irvine
- 🎥 Testing Is All About Principles by Alex Lobera
- 🎥 BDD & TDD in React by Laura Beatris
- 🎥 Write Tests. Generate UI. Profit! by Ed Bentley
- 📜 Wrapping React.useState with TypeScript by Kent C. Dodds
- 📜 How to write a React Component in TypeScript by Kent C. Dodds
- 🎥 TypeScript-ifying react-workshop-app by Kent C. Dodds
- 🎥 TypeScript-ifying EpicReact.dev workshops by Kent C. Dodds
- 🎥 TypeScript-ifying the React Fundamentals workshop by Kent C. Dodds
- 🎥 TypeScript-ifying EpicReact.dev workshops by Kent C. Dodds
- 🎥 TypeScriptifying the "Advanced React Hooks" workshop by Kent C. Dodds
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated!.
Please read the contribution guidelines first.
 Nabeel Shakeel
|
 Sheraz Siddiqui
|
 Muhammad Abdullah
|
Don't forget to hit the ⭐, If you like this repository.
Distributed under the MIT License. See LICENSE for more information.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent