React 18 is now in beta, but..
#265 — November 17, 2021
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
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.
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.
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.
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.
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?
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 Monitor Upload and Download Progress for Amplify
Adding Auto-Logout to a React App
Recreating a Tetris Game with React
Localizing Your Next.js App: The Basics
🛠 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.
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.
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.
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.
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.
⚡️ Quick Bits:
react-focus-lock — Handy for mandatory steps in a UI workflow.
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.