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 🔝
- 📜 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
Hooks 🔝
- 📜 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
- 🎙️ 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
Rendering 🔝
- 📜 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
- 🎙️ 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
Patterns 🔝
- 📜 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
Testing 🔝
- 📜 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
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.
Distributed under the MIT License. See LICENSE
for more information.