#​326 — February 15, 2023

Read on the Web

Together with  Dynaboard logo
React Status

▶  React.js: The Documentary — With acclaim from the core team and starring folks like Sophie Alpert, Pete Hunt, and Dan Abramov, this is the origin story of React, right back to when it was a “fragile, strange, fascinating idea that almost didn’t happen.” You won’t learn a lot of technical stuff here – it’s all about people and ideas – but it will flesh out your sense of what React is and how it survived.

Honeypot

▶️ Honeypot has a good record for making developer documentaries, their ones on Vue.js and GraphQL are also good (and a lot shorter).

React PR: "Pass Functions, by Reference, to the Client and Back" — An interesting pull request on the React repo from Sebastian Markbåge that provides a RPC-like way to pass functions, by reference to the client and back and have clients ‘call’ those server references. You’ll need to wait for an RFC to go into detail on what all of this entails. Dan Abramov notes: “There’ll be an RFC once a few more pieces are fleshed out.”

Meta

Dynaboard: A Visual Web App IDE Made for Developers — Build high performance public and private web applications in a collaborative — full-stack — development environment.

Dynaboard sponsor

A Summary of Libraries Commonly Used with React — We routinely track the progress of thousands of React-oriented libraries, but here’s one front-end developer’s opinionated attempt to whittle down all those alternatives to something more manageable.

Prabashwara Seneviratne

Adopting React in the Early Days — A short, personal history lesson which provides some helpful context for React’s evolution over the years and where things stand today. While React might be an obvious, even safe, choice now, it wasn’t always that way!

Sébastien Lorber

IN BRIEF:

An Animated Flythrough with Theatre.js and React Three Fiber — How to fly through a 3D scene using the Theatre.js JavaScript animation library and the React Three Fiber 3D renderer. This is the sort of thing that used to be Very Difficult™ but is now relatively trivial.

Andrew Prifer (Codrops)

▶  'React Isn't Great at Anything Except Being Popular' with Josh Collinsworth

Whiskey Web and Whatnot sponsorpodcast

Learn Integration Testing with React Hook Form — Some practical examples to help learn integration testing with the aid of React Hook Form.

Max Rozen

Refactoring TypeScript React Components in VS Code
Mike Bifulco

Implementing Notifications in React with Reapop
Lawrence Eagles

🛠 Code and Tools

React Accordion 1.2: An Unstyled Accordion Library — An unstyled WAI-ARIA-compliant accordion library which supports the expected open and close animation with a full state transition cycle. The docs contain numerous examples with code. GitHub repo.

Zheng Song

react-resizable-panels: Components for Resizable Panel Layouts — Works quite nicely. You can try out a variety of interactive demos here.

Brian Vaughn

Build Business Software 10x Faster with Retool

Retool sponsor

Qwik React: Use React Components in Qwik — Use React components in Qwik, including the whole ecosystem of component libraries, such as Material UI, Threejs and React Spring. No hydration and auto lazy-loading.

Builder.io Team

Jobs

Software Engineer (Frontend) — Join our "kick ass" team. Our software team operates from 17 countries and we're always looking for more exceptional engineers.
Sticker Mule

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

🕰 A Blast from the Past

ANSI Animation with React — There’s a subculture dedicated to re-implementing gaming artefacts which are the antithesis of the photo-realism of today’s video games. If low-res is your thing, you’ll love this and there’s a GitHub repo if you’re inspired to render your own.

Chung Leong