#​396 — August 21, 2024

Read on the Web

🏖️ Don't adjust your set – we were on vacation for a couple of weeks, but everything is now back on track :-) Thanks for sending in your links during the break. Let's go!
__
Peter Cooper, your editor

Together with  Meticulous
React Status

React is (Becoming) a Full-Stack Framework — Robin opines on some widely discussed topics in the React community over the past year or two: Where’s React going? Is it a frontend library? How does the backend fit in? He shares his thoughts on what led him to use Server Components and Server Actions and to consider React as more of a full-stack solution.

Robin Wieruch

The Official Redux Essentials Tutorial, Redux — The long standing guide to how to use the popular Redux state container the right way with best practices has undergone a big reworking with TypeScript used throughout, new concepts added, and more coverage of RTK/React Toolkit features.

Redux Team

Tests Are Dead. Meticulous Is Here — Meticulous automatically creates and maintains a continuously evolving E2E UI test suite that covers every corner of your application – with no developer intervention required whatsoever. Zero flakes. Backed by YC, CTO of GitHub and others.

Meticulous sponsor

Waku Joins the React 19 Server Actions Train — Tired of big meta frameworks? Waku is a breath of fresh air. It brings just enough to build complete, modern React apps without fuss. As of yesterday’s v0.21 release, it has full support for React’s new server actions API too. I think we’ll see much more of Waku soon..

Sophia Andren

The Art of Dithering and Retro Shading for the Web — A lot of time spent building a striking effect for the Web has turned into an equally fantastic deep dive on the concepts around rendering graphical effects using shaders in React Three Fiber.

Maxime Heckel

Is Google Translate Crashing React Apps? — An interesting look at how a built-in Chrome extension is manipulating the DOM on pages in such a way that could break React (and other) frontend apps.

Martijn Hols

📄 Making a REST API Typesafe with React Query and Zod Noah Falk

📄 Tips for Using React Testing Library to Write Unit Tests Pavan Policherla

📄 How to Generate a PDF in a React App Colby Fayock

📺 What's New in React 19 Lydia Hallie

📰 Classifieds

Are your React PR reviews turning into component chaos? Discover strategies to streamline your code with CodeRabbit. Free Sign up!


A conference for the latest & greatest in web dev tools. Learn cutting edge tips and strategies to supercharge your coding at SquiggleConf.

🛠  Code, Tools & Libraries

Docusaurus 3.5: The Docs Generation Tool Adds More Blog Features — I can always tell when I’m reading a site generated with Docusaurus because they look so good. Originally focused on producing strong documentation sites, v3.5 introduces several features to make rendering project blogs much better.

Sébastien Lorber

Legend State: A Tiny, Fast and Modern State System — A year ago, Jack Herrington wondered if Legend State could be ▶️ ‘the ultimate state manager’ and things have progressed a lot since, with it now boasting being the fastest React state library in town. Want to learn more? Here’s the official pitch.

Jay Meistrich

Vite React Boilerplate: A Production Ready Starter Template — A ‘batteries included’ Vite + React app template that leans upon, well, a lot of batteries, from Zustand to Zod to Storybook and many other tools and libraries.

Ricardo Valdovinos

React Figma: Use Components as a Source for Figma Designs — Many folks use Figma to mock up designs for React components, but what about the other way around? Use components as a source for your designs in Figma!

React Figma

Volta 2.0: Install and Run JavaScript Tools Quickly — A long-standing Rust powered tool for installing and switching JavaScript related tools (like Node, TypeScript, Yarn, etc.) … “no matter the package manager, Node runtime, or OS.” GitHub repo.

Volta