• React Digest
  • Posts
  • React reconciliation: how it works and why should we care

React reconciliation: how it works and why should we care

#406 – May 15, 2023

Looking in detail into how React reconciliation algorithm works. Explore in the process quirks of conditional rendering, the 'key' attribute, and why we shouldn't declare components inside other components.

Dev teams lose 4 hours a week on app switching. Swimm helps you get some of that time back. Create internal code documentation, find it right in your IDE, and trust Swimm to keep them up to date automatically (!!!). Available for VS Code and JetBrains.

The Redux Toolkit documentation calls the library a better way to write Redux logic for React apps and a simple and efficient toolkit for Redux development. In this article, you will learn about the Redux toolkit by building an app that tracks project issues.

What did we learn from building and shipping our new app with the Next.js 13 App Router?

In this blog post, we’ll explore a practical example of using useRef and useState together to track the render count of a React component. By the end, you’ll have a better understanding of why useRef is essential for certain scenarios, and how it can complement useState in managing component behavior.

A flexible application monitoring tool that doesn’t break the bank. Use TelemetryHub for your logs, traces or metrics…or all three!

Want to make sure your API keys are safe and sound when working with React? Jessica Joseph’s got you covered! She will show you the best ways to hide your API keys, from using environment variables to building your own back-end proxy server.

React Aria Components is a library of unstyled components built on top of the React Aria hooks. It provides a simpler way to build accessible components with custom styles, while offering the flexibility to drop down to hooks for even more customizability where needed.

useGlobalState hook for working with the global store in React.