#308 — October 5, 2022 |
|
|
|
A (Mostly) Complete Guide to React Rendering Behavior Redux — Dig into the details of React rendering behavior and how Context and React-Redux affect said rendering. Just 861 days ago, this was a very popular item in React Status and Mark has made a big 2022 update bringing it up to React 18 standards (automatic batching, concurrent rendering..) Mark Erikson |
|
▶ Jack Herrington |
Headless CMS with World-Class TypeScript Support — Kontent.ai is the leading platform for modular content. Streamline your code using TypeScript SDK, CLI, Rich text resolver, and strongly typed model generator. Scale with no problems when your project grows. Have you seen our UI? Kontent.ai sponsor |
|
Getting Started with TanStack's React Query — The first part of a six part series aiming to be the definitive tutorial on TanStack’s Query V4, sometimes called React’s “missing data fetching library”. Nischal Dutt |
|
How to Write Your Own State Management Library — The goal isn’t to replace existing options, but to learn the principles. If you’ve wondered what ‘magic’ is happening behind the scenes of things like Redux, Zustand or Jotai, this will help build up your mental model. Jude Hunter |
|
▶ Full Stack for Front-End Developers: Build Your First AWS Amplify and React App — Well-regarded educator Ali Spittel, who leads Developer Advocacy at AWS’s Amplify division, has just rolled the first in a series of free, full courses on end-to-end development using the Amplify platform. Check out the brief trailer. Ali Spittel (AWS Amplify) |
|
Making React Fast by Default with Legend-State — “React renders too much, too often” kicks this off, before working through a series of steps toward the goal of getting “React to render only once”. The result is a state manager that digs deep into React’s internals — but you might appreciate their fresh take on things. GitHub repo. Jay Meistrich |
|
Using Vitest with React Testing Library
|
|
🛠 Code and Tools |
|
|
Radix UI: Unstyled Accessible Components to Build on Top Of — Somehow we’ve totally slept on Radix till now, but if you want to design your own components while still having some solid foundations to work off of, it’s very much for you and takes care of a lot of the rougher edges of component development. WorkOS |
|
New JavaScript API from a Google Ventures-Backed Notifications Infrastructure Service Courier.com sponsor |
|
React Search Box: An Autocomplete Search Input for React — Looks to have a nice clean API for plugging in the data and generating the input with various settings. Nirmalya Ghosh |
|
React Flow 11: For Creating Node-Based UIs, Editors, and Diagrams — The example on the homepage shows it off well. v11 is focused around small improvements to the overall experience, particularly around accessibility. Webkid GmbH |
|
Billboard.js 3.6: D3.js-Based Chart Library Gets More React-y — The hugely powerful and popular chat library now has an official React wrapper, a new ‘linear gradient’ bar chart option, and . Demos and GitHub repo. Jae Sung Park |
|
Get Real-Time Tracking and Monitoring for Your Jest Tests Buildkite Test Analytics sponsor |
|
Horizon UI: An Open Source Admin Template Atop Chakra UI — Includes a wide variety of dark/light components. GitHub repo. Horizon UI |
|
dark-mode-toggle: A Dark Mode Toggle Component for React — Not to be confused with the Google Chrome team’s component of the same name, this one is specifically for use in React. Anatoliy Gatt |
|
QUICK RELEASES:
|