#​332 — March 29, 2023

Read on the Web

Together with  Retool logo
React Status

React Labs: What We've Been Working On — The latest look behind the scenes at what’s going on in the React project. React Server Components unsurprisingly make an appearance, but the most striking update is on the progress behind React Forget — an optimizing compiler with the goal being able to build better, fully reactive systems using JavaScript and the React mental models you already know, with the compiler tackling some of the trickier parts.

The React Core Team

Rethinking React Best Practices — The author asserts React has evolved from a simple library to an all-encompassing architecture. As such, best practices have to evolve too.

Rem (Frontend Mastery)

Build Developer-First Automations with Retool Workflows — Retool Workflows gives developers a yes-code way to build powerful automations. Transform one-off scripts into automated tasks or reusable APIs that power custom integrations across your entire data stack––no extra infrastructure required.

Retool sponsor

How to Enable OpenTelemetry Traces in React Apps — A ten-step approach to enabling OpenTelemetry traces in React apps all the way through to viewing the end results in Jaeger.

Purva Naik (Red Hat)

IN BRIEF:

▶  Smarter and Simpler React State — React screencaster extraordinaire Jack is back comparing some React state management solutions, including sticking with hooks or using Zustand, Valtio or Jotai.

Jack Herrington

A Modern Guide to React Debugging — Some useful advice and recommendations, although they have a commercial tool you can try as well ;-)

Anna Monus (Raygun)

▶  Balancing Legacy Code, Content Creation, and Career Growth with the Primeagen

Whiskey Web and Whatnot sponsorpodcast

Mobile UI Testing with React Native and Maestro — An example project to show off the use of the Maestro UI testing framework with a React Native app.

Anthony Albertini

Building a Live Code Sharing Platform with Dyte and React — Dyte is a (commercial) platform for adding live video and voice experiences to an app.

Vishal Pratap Singh (Dyte)

Using the Intersection Observer API to Progressively Reveal Content as the User Scrolls
Jaja Ibifubara David

🛠 Code and Tools

Refine: A React-Based Headless Framework — Build a React-based CRUD app easily connecting together various auth systems, realtime providers, data providers, etc. The UI is then all up to you using whichever UI framework you wish. GitHub repo.

Refine Dev Corporation

React Live 3.2: Live Edit React Component Code — A modular tool for rendering React components with editable source code and live preview. You can play with some demos right on the homepage. GitHub repo.

Formidable Labs

Tuple, a Lightning-Fast Pairing Tool Built for Remote Developers

Tuple sponsor

Nano JSX: A Lightweight SSR-First JSX Library — Features include no Virtual DOM, no external dependencies, on-demand hydration, and support for Node and Deno-based SSR.

Nano JSX

Impala: A New, In Progress Vite-Powered React SSG“I started on it last night, so even alpha is a bit generous.”

Matt Kane

Docusaurus 2.4: Open Source Documentation Site Builder — Powered by Markdown and React, this is an interesting tool from Meta for powering open source docs. No huge changes in v2.4, but the project continues to go from strength to strength.

Meta Platforms

Jobs

Software Engineer — Join our happy team. Stimulus is a social platform started by Sticker Mule to show what's possible if your mission is to increase human happiness.
Stimulus

Find React Jobs with Hired — Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. Create a free profile now.
Hired

QUICK RELEASES: