New Preact-based library, Vite 3.0, and The cost of consistency in UI frameworks
This issue is sponsored by PostHog.
PostHog is the open-source product analytics suite you can self-host. It's used by 10,000 companies and gives you heatmaps, recordings, funnels, experimentation and more in a single platform that's seamlessly integrated.
Jason Miller is working on a new library that will sit on top of Preact and provide “a new state primitive that replaces hooks (it’s so, so much easier to use than hooks).” Stay tuned.
This increasingly popular, next-gen build tool created by Evan You just released v3 with new docs, lots of DX improvements, and new
create-vite templates that let you quickly test Vite with your favorite framework (including React).
AG Grid and TanStack Table (formerly React Table) are the two main datagrid and table providers, and now they've officially partnered to unify their ecosystems and educate users about how and when to choose between their different approaches.
SOLID is an acroynm that outlines five design principles conceived with object-oriented programming languages in mind. In this article, Konstantin Lebedev writes about how (by taking a few liberties with interpretation) these principles can provide value to React developers too.
Mark Erikson has previously stated that "Redux is used by 45-50% of React apps," and that it is "by far the most widely used state management tool for React apps." In this post, he walks through the sources he used to arrive at that claim, while discussing the caveats and limitations that come with those sources.
Would your React app work best with a rich-text editor or a text area where users can input information? This post can help you decide and learn how to implement the best choice. [sponsored]
Jules Blom writes about how he believes that
useReducer is "pretty great and underutilized," while
useState is overutilized. He shares some ways that
useReducer can be beneficial for a lot more thank just managing complex state.
Server-rendered React using Vercel Edge Functions. It's essentially
sveltekit-on-the-edge but on top of React. Created by the Vercel Team.
Ready-to-use Remix + Tailwind CSS routes and UI components. All blocks are full-stack routes, are indpenedent of each other, include code you can copy-paste, and can have a loader, action, meta function, and a React component using TypeScript + Tailwind CSS. Created by Alexandro Martínez.
In this 45-minute video, Jack Herrington shows you how to apply the React skills you already have in order to make super fast pages using Deno's new Fresh framework and the Islands architecture.