--- title: "React 18.1 released" publication: "React Status" issue: 286 published_at: "2022-04-27" canonical_url: "https://react.statuscode.com/issues/286" --- Plus writing videos in React, a responsive pagination component, or how about some React jobs? | 🇺🇦 #​286 — April 27, 2022 [Read on the Web](https://react.statuscode.com/issues/286) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/k6ejykvgsu47pjo9lsh0.jpg)](https://www.remotion.dev/blog/3-0) [Remotion 3.0: 'Write' Videos in React](https://www.remotion.dev/blog/3-0) — [Remotion](https://www.remotion.dev/) provides a way for you to use your React knowledge to create videos by writing what you want to happen in code with Remotion then handling the rendering and encoding. [▶️ This video](https://www.youtube.com/watch?v=GN2jkJphR5M) showing off the new [Remotion Lambda](https://www.remotion.dev/lambda) serverless video renderer (using AWS Lambda, unsurprisingly) was itself created with the tool. React 18 is now supported as of v3. Jonny Burger (Remotion) [React 18.1 Released](https://github.com/facebook/react/releases/tag/v18.1.0) — Don’t get _too_ excited - it’s almost entirely a bug fix release, but if you’re already on React 18, you’ll want to get upgraded nonetheless. Meta [![\](https://copm.s3.amazonaws.com/a557f6a7.png)](https://ad.doubleclick.net/ddm/clk/526342825;334169181;i) [How to Build an Accessible React Data Grid](https://ad.doubleclick.net/ddm/clk/526342825;334169181;i) — How do you make a React table (data grid) component accessible? Read this blog post for a comprehensive tutorial by one of our most experienced software engineers and accessibility experts. Progress KendoReact sponsor [Netlify Edge Functions: Serverless Compute Powered by Deno](https://www.netlify.com/blog/announcing-serverless-compute-with-edge-functions/) — _Edge Functions_ is a Deno-powered platform for running globally distributed JavaScript functions. How does this benefit you? It’s another place to run your React server components or using [streaming SSR](https://nextjs.org/docs/advanced-features/react-18/streaming). Joey Aiello (Netlify) [Building a Wordle Clone for the Terminal with React Ink](https://spin.atomicobject.com/2022/04/21/terminal-wordle-react-ink/) — [Inkle](https://github.com/jrr/inkle) is a React powered clone of the popular Wordle word game. What makes it interesting is it runs in the _terminal_ and uses [Ink](https://github.com/vadimdemedes/ink) to do so. John Ruble [React Batching](https://www.robinwieruch.de/react-batching/) — An easy-to-follow and well-illustrated tutorial on how to batch up multiple state updates as one and improve rendering performance as a result. Robin Wieruch [Creating a Rich Text Editor using Rust and React](https://fiberplane.dev/blog/creating-a-rich-text-editor-using-rust-and-react/) — In 2021, [Rust](https://www.rust-lang.org) topped Stack Overflow’s [Loved vs. Dreaded](https://insights.stackoverflow.com/survey/2021/#technology-most-loved-dreaded-and-wanted) list for the sixth straight year. Here’s an example of how it can be incorporated into a React application – less a tutorial and more a case study. Arend van Beelen [Stack Overflow Podcast: Exploring the Art & Practice of Programming](https://stackoverflow.blog/podcast/?utm_source=reactstatus&utm_medium=email&utm_campaign=editaudio) Stack Overflow sponsor [Upgrading to React 18 with TypeScript](https://blog.logrocket.com/upgrading-react-18-typescript/) John Reilly [File-Based Routing with React Location and Vite: Nested Layouts](https://omarelhawary.me/blog/file-based-routing-with-react-location-nested-layouts) Omar Elhawary 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/t9gyemxrpktcvwbmcdal.jpg)](https://github.com/jonelantha/react-responsive-pagination) [React Responsive Pagination: Component for Smart Pagination](https://github.com/jonelantha/react-responsive-pagination) — A responsive React pagination component which intelligently renders to the available width. You can [try it out live here](https://react-responsive-pagination.elantha.com/live-demo/). Jon Elantha [xstyled: A Utility-First CSS-in-JS Framework Built for React](https://github.com/gregberge/xstyled) — An abstraction of the libraries and utilities use to create [Smooth UI](https://smooth-ui-v10.smooth-code.com) which can be employed to create your own, unique UI components without starting completely from scratch. Greg Bergé [FortuneSheet: An Excel-Like JS Spreadsheet Control](https://github.com/ruilisi/fortune-sheet) — It’s early days, but this looks promising. There’s [a live demo](https://ruilisi.github.io/fortune-sheet-demo/?path=/story/workbook--basic), of course. Suzhou Ruilisi Technology Co., Ltd ## ⚡️ Quick Bits: [react-accessible-accordion](https://github.com/springload/react-accessible-accordion) — The popular UI affordance, but taking [WAI-ARIA](https://www.w3.org/WAI/standards-guidelines/aria/) requirements into account. [React Table Library](https://github.com/table-library/react-table-library) — Build better, feature-rich tables with flexible theming and server-side operations. [react-dropdown 1.10](https://github.com/fraserxu/react-dropdown) — Simple dropdown component. [Demos.](http://fraserxu.github.io/react-dropdown/) [useDisclosure 5.0](https://github.com/yoannfleurydev/react-use-disclosure) — Hook to handle open/close/toggle states on things. 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 [Frontend Engineer](https://jobs.lever.co/strapi/4b42d95e-63e9-4e75-baf5-bcac54d02231) — We've built the next-generation CMS. We're open-source. JavaScript. Headless. Community & People first. And free. And will stay that way. Forever. Strapi [Senior Software Engineers at Turo (SF | Remote/Hybrid Options)](https://www.beforeyouapply.com/team/engineering-at-turo?) — The world's largest car sharing marketplace on a mission to put the world’s 1.5B cars to better use. We're hiring BE, FE, ML, iOS, Android & DevOps roles at all levels. Turo [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 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