#332 — March 29, 2023
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.
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)
Someone opened an issue on the new React site to “list Vite at the same level” as SSR frameworks, but we know how that went last time…
The React devtools have landed an improvement so that scripts injected by the extension will no longer be shown in the Network tab.
Years ago, there was a ‘React Future’ repo showing off code for potential future React APIs and approaches, and Dan Abramov noted there’s a 2015 version of React Server Components sat in there 🙂
Tyler McGinnis, known for numerous React related educational efforts over the years, and his team have unveiled React.gg, a forthcoming, highly interactive new way to learn React. Watch this space.
Microsoft has ‘rebuilt Teams from the ground up’ with React replacing AngularJS at the heart of the UI.
▶ 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.
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.
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.
Tuple, a Lightning-Fast Pairing Tool Built for Remote Developers
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.
Impala: A New, In Progress Vite-Powered React SSG — “I started on it last night, so even alpha is a bit generous.”
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.
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.
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.
↳ Use React to build interactive command-line apps.
↳ Transform SVGs into React components.
↳ Powerful calendar component. (Demo.)
↳ Handles CSV file input and parsing.
↳ Simple date picker component. (Demo.)
React Chrono 2.0.2
↳ Timeline component.
React Stripe 2.1
↳ Components for Stripe.js & Stripe Elements.
↳ Large suite of React components.