React 18 is now in beta, but..

#​265 — November 17, 2021

Read on the Web

React Status
⚛️ Your weekly React news digest, every Wednesday.

React 18 Now in Beta — ..but as the official React Twitter account explains in this useful thread: “Most developers don’t need to think about React 18 yet … The audience .. is highly-engaged community members who want to help us prepare our new features for wider adoption.” Nonetheless, they say they’re keen for anyone to try out the beta and leave feedback on the issue tracker. A final release is expected in the first few months of 2022.

React Working Group

💡 Talking of pre-releases, MDX v2 is now in its RC phase and makes it even easier to use Markdown in JSX, including JavaScript expression support.

Kent C. Dodds Joins the Remix Team — Although his Twitter followers won’t likely be surprised (“I’ve tweeted about Remix a lot…”), in this just-released post Kent announces he has accepted a position as Director of Developer Experience at Remix. We’re looking forward to seeing what happens with this project given its recent funding round and promises of being open sourced next week.

Kent C. Dodds

ButterCMS Melts into Your App: buttercms.page.get(‘home’); — ButterCMS is your content backend. Enable your marketing team to update website + app content without needing you. Try the #1 rated Headless CMS for React today. Free for 30 days.

ButterCMS sponsor

A React Router 6 Tutorial — In last week’s React Status we covered the release of v6 of React Router. We also made incidental mention of this comprehensive tutorial which rolled out contemporeneously but felt it worthy of an additional note today.

Robin Wieruch

Tanstack Unveils React Location, an ‘Enterprise-Grade’ Router for React — In a related development, an effort which got its start “as a wrapper around the long-winded [React Router] v6 beta release” has spun off as a standalone product of its own: React Location. A review of its features can be found in the launch tweet thread.

Tanner Linsley

Jobs

React Developer at X-Team (Remote) — Join the most energizing community for developers and work on long-term projects for Riot Games, FOX, Sony, Coinbase, and more.

X-Team

Senior Software Engineer — Want to change the lives of small businesses, using your experience to influence a product and our team, all the while still developing your own craft?

Jobber

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.

Hired

How to Monitor Upload and Download Progress for Amplify

Christian Nwamba

Adding Auto-Logout to a React App

Anthony Oyathelemhi

Recreating a Tetris Game with React

Umangshrestha

Production-Ready Jest for React Native: All the Mocks

Chris Frewin

Localizing Your Next.js App: The Basics

Átila Fassina

🛠 Code and Tools

Graphire: Declarative, Unopinionated Graph Visualization — Use whatever nodes and links you want—this library is solely concerned with their positioning. Its capabilities are clearly illustrated in the examples on CodeSandbox.

Flavio Schneider

Enact: Another “Easy-to-Use, Performant, Customizable, Adaptable” React App Framework — Enact has already been deployed on “millions” of webOS Smart TVs, while also being touted for its suitability in the automotive and robotics application domains.

LG Electronics

Custom Dashboards, Admin Panels, CRUD Apps—Build Any Internal Tool 10x Faster in Retool. Get Started for Free Today

Retool sponsor

useForm 2: A Hook for Complex Forms — When form validation requirements become sufficiently complex, you may benefit from this hook which incorporates well-established yup validation and is illustrated in the demo.

UseForm

tsParticles: Flexible, Configurable Particle Animations — Particle animations which can be used as a website background or gaming element, and configurable into a remarkable variety of styles.

Matteo Bruni

Storecle: Uni-Directional App State Management — Like Redux but without less “room to be misused”, apparently. Its author asserts: this library relies less on self-discipline and more on prescriptive, opinionated techniques.

GlueCodes

⚡️ Quick Bits:

react-focus-lock — Handy for mandatory steps in a UI workflow.

React Canvas Draw — A capable drawing component—give it a try!

Splide — A stylish and accessible slider/carousel, now in its third major release.

React Responsive Pagination — Intelligently renders to the available width.

react-number-format — Professionalize the presentation of numeric data.

Leave a Reply

Your email address will not be published. Required fields are marked *