--- title: "React 18 is now in beta, but.." publication: "React Status" issue: 265 published_at: "2021-11-17" canonical_url: "https://react.statuscode.com/issues/265" --- Plus a React app framework installed on millions of TVs. | #​265 — November 17, 2021 [Read on the Web](https://react.statuscode.com/issues/265) React Status ⚛️ Your weekly React news digest, _every Wednesday_. [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/ieiingj2musklswmvbp8.jpg)](https://github.com/reactwg/react-18/discussions/112) [React 18 Now in Beta](https://github.com/reactwg/react-18/discussions/112) — ..but as the official React Twitter account [explains in this useful thread](https://twitter.com/reactjs/status/1460380211262930948): _“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](https://mdxjs.com/blog/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](https://kentcdodds.com/blog/how-i-help-you-build-better-websites) — Although [his Twitter](https://twitter.com/kentcdodds) 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](https://remix.run). We're looking forward to seeing what happens with this project given its [recent funding round](https://remix.run/blog/seed-funding-for-remix) and promises of being open sourced [next week](https://twitter.com/remix_run/status/1460652199269179393). Kent C. Dodds [![\](https://copm.s3.amazonaws.com/e8b58e13.png)](https://buttercms.com/react-cms/?utm_source=reactstatus&utm_medium=email&utm_campaign=code) [ButterCMS Melts into Your App: `buttercms.page.get('home');`](https://buttercms.com/react-cms/?utm_source=reactstatus&utm_medium=email&utm_campaign=code) — 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](https://www.robinwieruch.de/react-router) — In last week’s [React Status](https://react.statuscode.com/issues/264) we covered the release of v6 of [React Router](https://reactrouter.com). 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](https://react-location.tanstack.com) — 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](https://twitter.com/tannerlinsley/status/1460274803139510278). Tanner Linsley Jobs [React Developer at X-Team (Remote)](https://x-team.com/remote-react-developer-jobs/?utm_source=cooperpress&utm_medium=email-ad&utm_campaign=cooperpress-react&utm_content=react) — 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](https://getjobber.com/careers/senior-software-engineer-5584721002/?gh_jid=5584721002) — 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](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-reactstatus%29&utm_content=find-your-next-job) — 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](https://dev.to/codebeast/monitoring-upload-and-download-progress-for-amplify-storage-2akb) Christian Nwamba [Adding Auto-Logout to a React App](https://blog.frontendtony.com/add-auto-logout-to-a-react-app) Anthony Oyathelemhi [Recreating a Tetris Game with React](https://t.co/spBvEOpoYq?amp=1) Umangshrestha [Production-Ready Jest for React Native: All the Mocks](https://chrisfrew.in/blog/a-production-ready-jest-setup-for-react-native-all-mocks/) Chris Frewin [Localizing Your Next.js App: The Basics](https://www.smashingmagazine.com/2021/11/localizing-your-nextjs-app/) Átila Fassina 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/xjnooakajxjzotv21leo.jpg)](https://github.com/flavioschneider/graphire) [Graphire: Declarative, Unopinionated Graph Visualization](https://github.com/flavioschneider/graphire) — Use whatever nodes and links you want—this library is solely concerned with their positioning. Its capabilities are clearly illustrated in the [examples](https://github.com/flavioschneider/graphire#examples) on CodeSandbox. Flavio Schneider [Enact: Another “Easy-to-Use, Performant, Customizable, Adaptable” React App Framework](https://enactjs.com/) — 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](https://retool.com/?utm_source=sponsor&utm_medium=newsletter&utm_campaign=cooperpress) Retool sponsor [useForm 2: A Hook for Complex Forms](https://github.com/use-form/use-form) — When form validation requirements become sufficiently complex, you may benefit from this hook which incorporates well-established [yup](https://github.com/jquense/yup) validation and is illustrated in the [demo](https://codesandbox.io/s/useform-2u2ju). UseForm [tsParticles: Flexible, Configurable Particle Animations](https://www.npmjs.com/package/react-tsparticles) — Particle animations which can be used as a website background or gaming element, and configurable into a remarkable [variety of styles](https://codepen.io/collection/DPOage?cursor=ZD0wJm89MCZwPTEmdj00MQ==). Matteo Bruni [Storecle: Uni-Directional App State Management](https://github.com/gluecodes/storecle) — 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](https://github.com/theKashey/react-focus-lock) — Handy for mandatory steps in a UI workflow. - [React Canvas Draw](https://github.com/embiem/react-canvas-draw) — A capable drawing component—give it a [try](https://embiem.github.io/react-canvas-draw/)! - [Splide](https://github.com/Splidejs/splide) — A stylish and accessible slider/carousel, now in its third major release. - [React Responsive Pagination](https://github.com/jonelantha/react-responsive-pagination) — Intelligently renders to the available width. - [react-number-format](https://github.com/s-yadav/react-number-format) — Professionalize the presentation of numeric data. This issue was curated by Terence C. Gannon and edited by the Cooperpress team. A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom