#398 — September 4, 2024 |
|
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 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 |
|
React Email 3.0: New Components for Rendering Emails — React 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 |
|