React Newsletter #274

Finite state machines, creating an accessible autocomplete, and automatic bashing in React 18


This week’s issue is sponsored by Springboard.

Want to transition into a well-paying and fulfilling cybersecurity career? Springboard's got you covered with 1:1 mentorship from industry experts, a curriculum built by experienced hiring managers, and proven career coaching. Springboard offers the first cybersecurity bootcamp to combine a job guarantee and deferred tuition: you only pay your tuition if you get a job.

Senior cybersecurity analysts can earn more than $120,000 a year while protecting essential data and systems. A background in web development and programming skills can help you transition into this dynamic career path.

👉 Check it out.


Articles

Finite State Machines

Andrew McDowell explains how to model application flows in React with finite state machines and XState.

Creating an accessible autocomplete experience for Adobe Spectrum

In this article, Daniel Lu writes about how the Adobe Spectrum team spent months creating an accessible autocomplete component and hook. Turns out, there are a lot of hidden gotchas inside the world of comboboxes (aka autocomplete boxes).

React 18 adds automatic batching

Starting in React 18 with createRoot, all updates will be automatically batched, no matter where they originate from. In this article, Aditi Tipnis gives some more insight into what exactly this will look like with some helpful code examples.

How to use finite state machines in React?

Apparently, last week was "finite state machines" week. In this article, Kacper Witas explains how you can use finite state machines to do a "really awesome trick" that works miracles in complicated React projects, especially by boosting security.


Tutorials

Start Using Optional Chaining and Nullish Coalescing in React

In this tutorial, Antonello Zanini goes over everything you need to know to use nullish coalescing and optional chaining in React and bring your codebase to the next level.

How to Perform CRUD Operations using React, React Hooks, and Axios

It can be tricky to figure out how to work with API requests in React. That's why Nishant Singh made this tutorial that demonstrates how it all works by implementing CRUD Operations using React, React Hooks, React Router, and Axios.


Jobs

2x Sr. Frontend Engineers - React | 100% Remote

Close.com is looking for two experienced individuals that have a solid understanding of React and want to help design, implement and launch major user-facing features. They are a 100% globally distributed team of ~45 high-performing, happy people that are dedicated to building a product our customers love.


Projects

Salvia-kit

A collection of 8 free dashboard templates built with Tailwind CSS for React, Next.js, Vue and Nuxt.js

aux-router

A react router that supports rendering of multiple independent (auxiliary) routes. Created by Kamil Bugno.

ant-design-charts

A React chart library that's lightweight, easy to use, and visually appealing.


Videos

How To Write React Architecture & Testing From Scratch

In this 35-minute video, Chris Hawkes walks through how to set up a React project without relying on any opinionated starter kits.

made with ❤️ by ui.dev