#​306 — September 21, 2022

Read on the Web

🎵 About the subject line.. yes, I know. 😆 – Ed.

React Status

'React I Love You, but You’re Bringing Me Down' — An opinionated React thought piece that’s provoked much discussion this week. The author gets creative by checkpointing the progress (or lack thereof) of React over the years in ‘mix tape’ style with code and memes sprinkled in for good measure. (Hacker News went deep on this item and spawned some interesting sub-threads covering topics like whether there are any 'greener JS pastures' or not.)

François Zaninotto opinion

▶  Next.js 12.3 Features Walkthrough and Demo — Vercel’s VP of Developer Experience walks through the changes in the latest version of Next.js which we squeezed in to last week’s issue. If you don’t like video, you can read more about the release on Vercel’s blog.

Lee Robinson (Vercel)

Getting Started With TypeScript and React — In this post, we’ll look at a few advantages of using TypeScript with React. Then, we’ll set up a React-TypeScript project and go through some of the fundamentals. Check it out.

Progress KendoReact sponsor

Storing State in the URL with URLSearchParams — We love what the creator said about this: “I love this more than I can reasonably explain; it’s a generic React hook for storing state in the URL with the querystring/URLSeachParams. So handy for making shareable links.”

John Reilly

Deploying a WASM-Powered React App on Vercel — Keen to get your feet wet with WebAssembly? This brief guide, on a topic not often covered, shows some initial steps.

Mukkund Sunjii


Full-Stack Engineer (NYC / Remote) — 100M+ devices, 100B+ API calls. Radar is looking for Product Engineers to build geospatial dev tools.

Find React Jobs with Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers.

How To Debug React Apps with VS Code — The basics of getting a debugging workflow set up for your React work with VS Code.
Johannes Kettmann

Adding React Components to an Astro 1.0 Project — Astro lets you choose what type of framework components you’d like to use . This post shows how to use React components.
Chris Bongers

React Memoization Guide with Examples — The first in a series digging into a popular (and often first) optimization technique.
Abdullah Numan

What’s New in Gatsby in 2022?
Paul Scanlon (Gatsby)

🛠 Code and Tools

TinyBase 2.0: A Library for Structuring App State — If you want a bit more database-esque structure around the management of state in your apps, this is worth a look. The demos are notable for how well explained they are so do check those out. GitHub repo.

James Pearce

Mantine 5.4: A Full Featured React Component Library — We don’t want to feature every release Mantine has, but they’re making so much progress and doing such great work lately that they deserve the attention right now. v5.4 adds validateInputOnBlur, non-linear scales for sliders, a new way to organize ‘switch’ components, and more. Mantine UI also gained 10 new components.

Mantine Team

Monitoring Your React Native Application

New Relic sponsor

Theatre.js 0.5: Hackable Motion Design for the Web — Can be used both programmatically and visually to animate 3D objects created with things like Three.js, React Three Fiber, HTML/SVG, or even to ‘animate’ variable values. v0.5 introduces 3D scene editing and complex keyframing. Docs and GitHub repo.

Theatre.js Project

Linkify 4.0: Link Up URLs, Email Addresses, and More in Plain Text — Given some plain text containing things like links and emails, Linkify will generate the correct code to display it on the Web. Not just URLs or emails, but hashtag, @mentions, IP addresses, and more – see the homepage for examples. GitHub repo.