New React Docs, Breaking down react-three-fiber, and Stepping up your Redux game with Redux Toolkit
This week’s issue is sponsored by Progress KendoReact.
In this blog series -- A Guide to Building a UI Component Library: Building Robust Components, TJ VanToll shares what he’s learned from over a decade of writing and working with UI components for the web. This article focuses on building robust UI components, complete with unit tests and excellent documentation.
It's been 3 years since hooks were released, but now we've finally got some updated React docs that teach a hooks-first approach. These docs are still a WIP, but they look great so far.
We shared the beta release a few weeks ago, and now the full general release is here! Gatsby 4 introduces new features like Deferred Static Generation, Server-Side Rendering, Parallel Query Running, and much more.
This article by Cody Bennett discusses how React and JSX work to build react-three-fiber. It covers and uses the same techniques to produce the same API step-by-step.
Redux Toolkit is the "official, opinionated, batteries-included toolset for efficient Redux development." This article by Leandro Ercoli provides a brief overview of some cool Redux Toolkit features that will boost your code quality for your next React project.
When does react component re-render? What can cause the re-render, and how to prevent unnecessary renders? This quick cheat sheet, written by Alex Sidorenko, is a helpful reference for whenever you find yourself asking these questions.
This tutorial by Robert Hoffman discusses some of React Query's advantages over Redux and walks you through the process of migrating from Redux to React Query.
Remotion is a library created by Jonny Burger that allows you to create videos programmatically in React. This v2.5 release includes new features like In/Out markers, support for different playback rates, a new <Loop> component, and more.
This is exactly what you think it is -- A tool for setting up a modern Rust + React web app by running one command.
An accessible (WAI-ARIA compliant), browser-compatible React command palette, like the one in Atom or Sublime. We've featured this project by Asa Baylus in the past, but wanted to share it again as it's been gaining more popularity recently.
A React wrapper for Chart.js 2.0 and 3.0, the most popular charting library.
In this hour long video, Lama Dev walks you through how to send instant notifications using React and Socket.io.
This short video (with a nice, click-baity title) by codedamn goes over some popular libraries that are commonly used with React.