Lessons about React (page 2)
The links, tools and tips our engineers and designers share with each other, one “today I learned” at a time.
- lessons shared
- 198
- people sharing
- 36
- database started in
- 2017








- Link offlineLink offline
Tech Insights· reactrouter.com
React Router :
Shared by
The original link on reactrouter.com is no longer available.
Look for it on the Wayback Machine- React



blog.matheuscastiglioni.com.br
Code Splitting E Lazy Loading No React
A maioria dos aplicativos feitos com a biblioteca React, terão seus arquivos empacotados, esse empacotamento pode ser feito com ferramentas de empacotação, por exemplo: Webpack ou Parcel (além de outras). Realizar o empacotamento de uma aplicação é o processo onde todos os arquivos importados e usados no projeto serão mergeados para um único arquivo. Esse único arquivo é onde todo o projeto foi empacotado e mesclado, ele é o responsável por carregar a aplicação inteira de uma vez e deixá-la funcionando.
Jademir de Moura

Tech Insights· blog.matheuscastiglioni.com.br
Code Splitting E Lazy Loading No React
From blog.matheuscastiglioni.com.br
A maioria dos aplicativos feitos com a biblioteca React, terão seus arquivos empacotados, esse empacotamento pode ser feito com ferramentas de empacotação, por exemplo: Webpack ou Parcel (além de outras). Realizar o empacotamento de uma aplicação é o processo onde todos os arquivos importados e usados no projeto serão mergeados para um único arquivo. Esse único arquivo é onde todo o projeto foi empacotado e mesclado, ele é o responsável por carregar a aplicação inteira de uma vez e deixá-la funcionando.
Shared by
Read on blog.matheuscastiglioni.com.br- JS
- React

twitter.com
Rendering React component based on some string enum
⚛️ React tip: when conditionally rendering component based on some string enum (like a role), use an object to map enum values to components. This can be cleaner than using conditional operators, and it keeps the logic organized & clear.
Raí Siqueira

Tech Insights· twitter.com
Rendering React component based on some string enum
From twitter.com
⚛️ React tip: when conditionally rendering component based on some string enum (like a role), use an object to map enum values to components. This can be cleaner than using conditional operators, and it keeps the logic organized & clear.
Shared by
Read on twitter.com- React


Tech Insights· blog.logrocket.com
Using strict mode in React 18
Shared by
Read on blog.logrocket.com- React

joshwcomeau.com
Why React Re-renders, very good visual guide on how nested components manage re-rendering
In React, we don't update the DOM directly, we tell React what we want the DOM to look like, and React tackles the rest. But how exactly does it do this? In this tutorial, we'll unpack exactly when and why React re-renders, and how we can use this information to optimize the performance of our React apps.
Rodrigo Vieira

Tech Insights· joshwcomeau.com
Why React Re-renders, very good visual guide on how nested components manage re-rendering
From joshwcomeau.com
In React, we don't update the DOM directly, we tell React what we want the DOM to look like, and React tackles the rest. But how exactly does it do this? In this tutorial, we'll unpack exactly when and why React re-renders, and how we can use this information to optimize the performance of our React apps.
Shared by
Read on joshwcomeau.com- React

tkdodo.eu
Avoiding useEffect with callback refs
Interacting with DOM nodes doesn't necessarily need useEffect
Raí Siqueira

Tech Insights· tkdodo.eu
Avoiding useEffect with callback refs
From tkdodo.eu
Interacting with DOM nodes doesn't necessarily need useEffect
Shared by
Read on tkdodo.eu- React
Tech Insights· stackoverflow.com
Handling state on React based on the previous state using hooks
Shared by
Read on stackoverflow.com- Hooks
- JS
- React

frontendmastery.com
The new wave of React state management
Understand the core problems state management libraries need to solve. And how the proliferation of modern libraries address them in new ways.
Raí Siqueira

Tech Insights· frontendmastery.com
The new wave of React state management
From frontendmastery.com
Understand the core problems state management libraries need to solve. And how the proliferation of modern libraries address them in new ways.
Shared by
Read on frontendmastery.com- React


Tech Insights· youtube.com
Five Clever Hacks for React Query and SWR
Shared by
Read on youtube.com- React
- React Query

twitter.com
TanStack Table v8
I'm excited to officially release TanStack Table v8! 🎉 🌎 @reactjs, @solid_js, @vuejs, @sveltejs 💙 100% @typescript 📦 <= 13kb 🙈 Headless! 🎮 Opt-in Full Control ⚡️ Faster & Simpler API 🤝 @ag_grid Partnership FTW! 📚 New Docs! https://t.co/CnEeAWMKt0
Raí Siqueira

Tech Insights· twitter.com
TanStack Table v8
From twitter.com
I'm excited to officially release TanStack Table v8! 🎉 🌎 @reactjs, @solid_js, @vuejs, @sveltejs 💙 100% @typescript 📦 <= 13kb 🙈 Headless! 🎮 Opt-in Full Control ⚡️ Faster & Simpler API 🤝 @ag_grid Partnership FTW! 📚 New Docs! https://t.co/CnEeAWMKt0
Shared by
Read on twitter.com- Components
- React
- Vue


Tech Insights· leerob.io
Past Present and Future of React State Management
Shared by
Read on leerob.io- React





react.dev
How Does Dan Abramov Optimize After Be Complained about Website Speed?
React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.
Raí Siqueira

Tech Insights· react.dev
How Does Dan Abramov Optimize After Be Complained about Website Speed?
From react.dev
React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.
Shared by
Read on react.dev- Performance
- React
Book a call
Found it useful?
Let’s put it to work.
Tell us about your product and the problem in front of you. We’ll bring what we’ve learned on real projects.
Tell us about your product, and we’ll bring what we’ve learned.
Still prefer the good old email? Contact us



