React Newsletter #331
Using forms, improving INP with React 18, and moving from Next.js to Astro
Jamstack Conf returns in-person!
The biggest party of the year is happening at Jamstack Conf and we're celebrating YOU, the developer! Join us for an incredible in-person event in San Francisco. Your ticket includes access to boundary-pushing talks, hands-on workshops, delicious food & drinks in a gorgeous rooftop setting, and connecting with hundreds of other web developers! Get an exclusive 20% off with the code REACTNEWSLETTER
Articles
Overview of How to use Forms in React
Robin Wieruch wrote this fairly comprehensive overview of all things forms -- how to manage form state, the difference of controlled and uncontrolled forms, how to submit a form, and more.
Improving INP with React 18 and Suspense
Lee Robinson (VP of Developer Experience at Vercel) writes about how new features in React 18 (like Suspense) can help you improve your site's Interaction to Next Paint, which measures your site's responsiveness to user interactions on the page.
A first look at Bun: is it really 3x faster than Node.js and Deno?
Steve Sewell (the founder and CEO of Builder.io) did an in-depth look at Bun's claim of being 3x faster at server-side rendering React, by testing it for himself and writing about the results.
NestJS integration for New Relic One
In this article, the New Relic team walks through how you can easily build scalable server-side applications with NestJS and the New Relic One observability platform -- which now offers a Node.js agent that you can use to quickly integrate NestJS. [sponsored]
A Complete Guide to React Router: Everything You Need to Know
We created this guide to be a true one-stop shop for everything you need to know about React Router. It's starts off with a high-level overview of what React Router is before diving into the fundamentals of the API and walking you through you a few use cases you may face in the real world.
7 Ways to Create a New React Application
In this article, Jonathan Saring writes about some of the best ways, frameworks, and tools for creating a new React application. Some of them serve a small website and optimize for fast ramp-up, some are for global scale, and some are both.
Jobs
Senior or Staff Front-end Engineer -- React (100% Remote)
Close.com is looking for 3 experienced individuals that have a solid understanding of React and want to help design, implement and launch major user-facing features. Close is a 100% globally distributed team of ~55 high-performing, happy people that are dedicated to building a product our customers love.
Projects
ReacType 13.0
ReacType is a prototyping tool that lets you visualize your application architecture dynamically. This v13 release completely overhauls how ReacType manages state within your React components and introduces new compatibility with Next.js and Gatsby.
Electron Packager 16.0
Electron Pakcager lets you package your Electron apps into OS-specific bundles via JavaScript or the command line. This release fixes a few small bugs and adds support for Node 16 and 18.
Videos
NextJS to Astro: more control = faster sites
Astro just released v1.0. In this 43-minute video, Jack Herrington discusses how you can easily move from Next to Astro and ship a lot less JavaScript to the client in the process.