#​324 — February 1, 2023

Read on the Web

Together with  Frontend Masters logo
React Status

The Future of Create React App and Why It Exists — Dan wrote pretty much an essay in a comment on the issue thread we linked last week with “some background on the future of Create React App” and concludes with the team’s thoughts on leaning towards turning Create React App into a 'launcher.' As well as being a good response to the original concern about Create React App being a poor suggestion for new users, this is an interesting look at how Dan sees React and its ecosystem more generally.

Dan Abramov

Netlify Acquires Gatsby — The company behind the Gatsby React-based framework is joining Netlify with many Gatsby Cloud features expected to be integrated into Netlify’s extensive hosting platform. This now places Netlify more directly against Vercel who are behind Next.js.

Kyle Mathews (Gatsby)

New Courses on the React Learning PathReact Performance: Optimize React applications for maximum perfromance. React & TypeScript: Create robust and reliable React apps at Scale.

Frontend Masters sponsor

How to Build a Better React Map with Pigeon Maps and Mapbox — A dev consultancy wanted to have a map on their site of where their employees had given talks around the world. This is a complete walkthrough of the project from defining the requirements through to actually making it live (here, as it happens).

Evil Martians

▶  'I Was Wrong About Nested React Components'“I just thought nesting component definitions in React was pointless, turns out it’s a big problem for React when it comes to maintaining state or doing efficient updates. Don’t do it.”

Jack Herrington

Refraction, Dispersion, and Other Shader Light Effects — A guide on how to reproduce a chromatic dispersion effect for your React Three Fiber and shader projects. Several interactive code playgrounds show off and let you play with the various effects.

Maxime Heckel

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

Tuple sponsor

Best Practices in Handling Errors in Web Components
Lakindu Hewawasam

One Way to Make Your React Tests Easier to Write, Understand and Maintain
Andrew X

🛠 Code and Tools

shadcn/ui: Components Built with Radix UI and Tailwind CSS — Yet another set of components, but they look pretty good and very Tailwind-ish. It is stressed that they are a work in progess though. GitHub repo.

Shadcn

Jotai 2.0: Flexible State Management for React — The v2 migration guide offers more detail on what’s new and what changed.

Poimandres

WYSIWYG Form Builder For React: Create, Run And Self-Host Forms Free

SurveyJS sponsor

Jobs

Developer Relations Manager — Join the CKEditor team to build community around an Open Source project used by millions of users around the world 🚀
CKEditor

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