#406 – May 14, 2023
Explore in the process quirks of conditional rendering
React reconciliation: how it works and why should we care
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.
Create & discover up-to-date documentation in your IDE | sponsor (sponsor)
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.
A Guide To Redux Toolkit With TypeScript
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.
5 Lessons Learned From Taking Next.js App Router to Production
What did we learn from building and shipping our new app with the Next.js 13 App Router?
Understanding useRef and useState for Tracking Component Render Count in React
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.
TelemetryHub: An easy to use, full-stack application monitoring tool | sponsor (sponsor)
A flexible application monitoring tool that doesn’t break the bank. Use TelemetryHub for your logs, traces or metrics…or all three!
The Safest Way To Hide Your API Keys When Using React
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.
React Global State as Local State
useGlobalState hook for working with the global store in React.