Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
all-about-react
A curated list of react blogs, talks, podcast from industry experts
https://github.com/techwards/all-about-react
Last synced: about 3 hours ago
JSON representation
-
<a id="state-and-props">State and Props</a> [🔝](#table-of-contents)
-
Blogs and Articles
- Props vs State 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
- 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
- How is state related to the declarative approach in React? by Brad Westfall
- My State Management Mistake by Kent C. Dodds
- How To Use and Not Use State By Brad Westfall
- Should I useState or useReducer? by Kent C. Dodds
- You Probably Don't Need Derived State by Brian Vaughn
- How to implement useState with useReducer by Kent C. Dodds
- Props vs State by Kent C. Dodds
- Don't Sync State. Derive It 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
-
Talks
- 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
- 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
-
-
<a id="hooks">Hooks</a> [🔝](#table-of-contents)
-
Blogs and Articles
- Using Hooks in Classes By Ryan Florence
- Why Do React Hooks Rely on Call Order by Dan Abramov
- useEffect vs useLayoutEffect by Kent C. Dodds
- 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
- 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
- useEffect(fn, [
- 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
- 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
- useEffect(fn, [
- 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
-
Talks
- React Today and Tomorrow and 90% Cleaner React With Hooks by Dan Abramov
- Fun with React Hooks by Michael Jackson and Ryan Florence
- 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
- 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
- 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
- React Today and Tomorrow and 90% Cleaner React With Hooks by Dan Abramov
- 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
- 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
- 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
-
Podcasts
- 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
- 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
-
-
<a id="rendering">Rendering</a> [🔝](#table-of-contents)
-
Talks
- 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
- 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
- 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
- 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
- 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
- An Overview of React's Reconciliation Algorithm by Elad Tzemach
-
Blogs and Articles
- 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
- Introducing the New React DevTools By Brian Vaughn
- React Inline Functions And Performance By Ryan Florence
- Portals with Context By Brad Westfall
- Flow Control in React By Brad Westfall
- Use a render prop by Michael Jackson
- 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
-
Podcasts
- 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
- 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
-
-
<a id="testing">Testing</a> [🔝](#table-of-contents)
-
Talks
- Write Tests. Generate UI. Profit! by Ed Bentley
- 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
- 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
- BDD & TDD in React by Laura Beatris
-
Blogs and Articles
- 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
- 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
-
-
<a id="react-in-typescript">React in TypeScript</a> [🔝](#table-of-contents)
-
Blogs and Articles
-
Talks
- 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
- 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
-
-
<a id="patterns">Patterns</a> [🔝](#table-of-contents)
-
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
- 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
- When To Fetch: Remixing React Router by Ryan Florence
- The Curse Of React By Ryan Florence
- Making The DOM Declarative by Michael Jackson
- 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
- 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
-
Podcasts
-
Categories
<a id="hooks">Hooks</a> [🔝](#table-of-contents)
65
<a id="rendering">Rendering</a> [🔝](#table-of-contents)
58
<a id="patterns">Patterns</a> [🔝](#table-of-contents)
40
<a id="testing">Testing</a> [🔝](#table-of-contents)
27
<a id="state-and-props">State and Props</a> [🔝](#table-of-contents)
25
<a id="react-in-typescript">React in TypeScript</a> [🔝](#table-of-contents)
13
License
1
Sub Categories