#​398 — September 4, 2024

Read on the Web

Together with  StackBlitz
React Status

Redwood v8.0 Released — A long standing, opinionated React & GraphQL (and/or RSC) full-stack framework that covers all the bases for professional dev teams with best-in-class tool support. v8.0 introduces a background jobs system, Docker support, and easier SSR and RSC setup. If you're unfamiliar with Redwood, you can learn more about its future here.

Redwood Team

Bulletproof React: A Scalable Architecture for Production-Ready Apps — A popular opinionated guide to how you can structure a large scale React app. It’s had a few major updates over the years, but notably now includes Next.js versions, using both app router and page router approaches.

Alan Alickovic

Create Interactive Tutorials in the Browser — TutorialKit enables you to create interactive tutorials instantly without building or managing any backend infrastructure.

StackBlitz sponsor

How to Use React Compiler — The compiler feature in React 19 is generating a lot of buzz — this “complete guide”, as described by this author, covers much of what you'll need to get started.

Tapas Adhikary

IN BRIEF:

Why Build-Time Components Are a Leap Forward for Content Sites — Zeno Rocha, of Resend, says that “this is simply the best explanation of how to compile Markdown in React apps.” High praise indeed.

Rodrigo Pombo

Component Testing in Storybook — Storybook’s lead manager says that “after seeing the same patterns again and again, we are betting on Component Testing as the future of UI testing” and sets out to show us why he thinks they’re the perfect complement to end-to-end and unit tests.

Michael Shilman

📄 Creating a PS1-Inspired Jitter Shader with React-Three-Fiber – A retro feel with a modern approach. Oguzhan Tufenk

📄 Create Accessible Charts in React: A Guide to Inclusive Data Visualization – Using HighCharts, specifically. Tiny Octopus

📄 How to Handle Errors in Next.js for Node with the App Router Antonello Zanini

📄 How to Build Fast Surveys with Next.js and SurveyJS Gavin Henderson

🛠  Code, Tools & Libraries

Framer Motion: Fluid Animations & Motion in React — A long-popular, open source motion library for React, made by Framer. As of this week’s v11.4 release, there’s support for React Server Components, including new entrypoints for motion and m components.

Framer

Typist 7.0: Tiptap-Based Rich Text Editor Component — Simple and opinionated. You can try several examples in the sidebar. Well suited for basic rich text situations like writing comments or messages and has a single-line mode.

Doist

📰 Classifieds

Build a team-based task manager with Next.js using multi-tenancy and role-based access control.


🆕 Reactile: A new approach to React-based web apps. Create your own views. Let it handle your windows and widgets in a single browser tab.


⚛️ Join 800+ devs at React Summit 2024! Nov 19 & 22, West Planetarium, NY. 50+ speakers, networking, workshops & more. Use React15 for 15% off!

React Email 3.0: New Components for Rendering EmailsReact Email is a suite of unstyled components for creating emails using React and TypeScript. v3.0 is a huge update, now with 54 components, support for React 19, and huge build time improvements.

Resend

Introducing Belt: A New Tool for Starting React Native Apps — A CLI tool for starting a new React Native app that takes various mundane decisions away from you and uses tooling and conventions established by a productive app development team.

Thoughtbot

Goxygen: Quickly Generate a Go Backend for a JS Project — A tool that sets up a new Go-based project with Angular, React, or Vue in the front-end, and Docker and Docker Compose files to make it all work.

Sasha Shpota

Rockpack 4.4: An Alternative React App Builder — Akin to Create React App of yesteryear, the goal is to get project setup time as low as possible, but Rockpack holds different opinions around how far to take things and packs in a lot of ideas including server side rendering, linting (now with ESLint 9 support), and testing.

Alex Sergey

  • Tinybase 5.2 – Powerful reactive data store for local‑first apps. Now with Postgres support (which can even work in-browser!)

  • Astro 4.15 – The popular content site framework stabilizes Astro Actions, a solution for fully type-safe backend functions.

  • React Native Gesture Handler 2.19 – Exposes platform native touch APIs.

  • Plasmo 0.89 – Like Next.js but for building browser extensions.

  • 📊 Tremor 3.18 – React library for building dashboards fast.

  • rc-tree 5.9 – A basic tree-view component.