#​349 — July 26, 2023

Read on the Web

Together with  Dynaboard logo
React Status

React Tweet: Vercel's New Way to Embed Tweets in a React App — Are they even called “tweets” anymore? Nonetheless, Vercel has come up with an elegant way to embed posts from the site formerly known as Twitter that is faster and smaller than the official embed and supports RSCs and ‘any React framework.’ Now we just have to pray that Elon doesn’t turn off the taps.


𝕏  Dan Abamov is Leaving Meta — Staying on Twitter/X, Dan Abramov shared the news that he is leaving Meta and worked through the logic of why now is the right time to move on. If you can't access Twitter (or don't want to), the TLDR is that React won't be negatively impacted as he doesn't write a lot of React code nowadays, he has finished the key things he wanted to do, and a broader team of community leaders is coming together nicely. Dan is also staying on the React team as an independent third party.

Dan Abramov on Twitter

💼 If you'd like to take the opposite move to Dan, it appears Meta's London office is looking to hire an engineering manager to focus on the React developer experience..

How To Build a Web App in 60 Seconds Using AI — Dynaboard's low-code IDE offers 40+ built-in UI components & easy DB connections. Use AI to generate any SQL, JS & CSS.

Dynaboard sponsor

Upgrading an Ancient React App — Ancient, in this case, is a seven year old app. This post tells the story of what it took to bring an early React app into the modern ecosystem.

Jeffrey Carl Faden

How to Build a GPT-3 App with Next.js, React, and GitHub Copilot — It’s not often that GitHub runs tutorials on its official blog, so it’s interesting to see this one, clearly designed to show off a modern Copilot-oriented development process.

Kedasha Kerr (GitHub)


  • 👾 The React Jam gamejam is currently taking place and concludes on July 30 if you want to get your React-powered game development thang on.

  • Million.js provides a 'replacement VDOM' that can speed up React apps significantly under the right conditions. Its creator, Aiden Bai, joined Ryan Carniato ▶️ in this somewhat epic video to talk about how Million works. (You'll want to use the timestamps in this video's description as it's a long one.)

▶  Typing useRef with ElementRef
Matt Pocock

Tailwind CSS Tips and Tricks Worth Knowing
Yoav Ganbar

▶  Why Panda: CSS for RSCs is Changing the Game
Jack Herrington

🛠 Code and Tools

Ink 4.3: Build Interactive CLI Apps using React — A terminal-based React renderer so you can build command line apps using React-style components. It's mature and used by all sorts of folks.

Vadim Demedes

Vaul: A Simple Drawer Component — Just try the demo on the homepage, it’s simple and effective and its creation was actually inspired by this tweet.

Emil Kowalski

React Authentication — Without Complexity — Userfront streamlines authentication & access control so engineers can focus on their core business. Read the docs now.

Userfront sponsor

🐝  Wasp: A Fresh Way to Build Full Stack React + Node.js Apps — If you’d like to get a bit more structure around building full-stack webapps, Wasp offers a Rails-like framework atop React, Node.js and Prisma. The team is doing lots of interesting stuff, as demonstrated by their very active blog, including building a GPT-powered code agent to generate full-stack webapps using the framework.

wasp-lang Team

React Arborist 3.2: A 'Tree View' Component — A robust, fully-featured tree component (arbor is Latin for tree). There are a couple of demos if you want to see it in action.

Brim Data

📰 Classifieds

Needed: Senior Software Engineer (Frontend Lead). Come lead Emerge's web platform, used by teams like DoorDash, Square, Dropbox & Airbnb (our stack: Next.js, React, TS, Vercel).

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

📅 Breaking barriers with code: Join us at React Day Berlin Conference on Dec. 8 & 12, 2023. In-person with 700 React fans, or online with 5K enthusiasts, 35+ Speakers - unlocking a world of possibilities. 10% off here.

Classifieds is a way to share projects, services, events, or jobs you may find useful, replacing our job listings section.

visx 3.3: Airbnb's D3-Based Visualization Primitives for React — An unopinionated but nonetheless React-y way to create visualizations. Bring your own state management, animation library, or CSS-in-JS solution – visx is designed to slot into pretty much any React codebase. Demos aplenty. v3.3 introduces a Delaunay triangulation visualization.


Spectacle 10: A React and JSX-Based Presentation Library — Got a presentation coming up? Build your decks with JSX, perhaps? GitHub repo.