--- title: "Big changes ahead for Next.js" publication: "React Status" issue: 290 published_at: "2022-05-25" canonical_url: "https://react.statuscode.com/issues/290" --- Plus digging into state management options, plus a neat collection of file uploading components and hooks. | #​290 — May 25, 2022 [Read on the Web](https://react.statuscode.com/issues/290) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/hv26auq8yuwjflcjlyzx.jpg)](https://www.albertgao.xyz/2022/02/19/react-state-management-libraries-2022/) [A Roundup of React State Management Libraries in 2022](https://www.albertgao.xyz/2022/02/19/react-state-management-libraries-2022/) — React’s strength is its flexibility in fitting in with different development approaches, including state management where there are numerous options nowadays. This post does a basic roundup of several popular options including Zustand, Recoil (which comes from Facebook itself), XState and, of course, Redux. Albert Gao [Next.js's Layouts RFC: Big Changes Ahead for Next.js](https://nextjs.org/blog/layouts-rfc) — If you’re a Next.js user, you’ll want to read this as some significant updates are on the way, particularly around routing, app structure, and layouts (including nested layouts). Neutkens, Markbage, et al. (Vercel) [![\](https://copm.s3.amazonaws.com/c475d903.png)](https://www.telerik.com/kendo-react-ui/?utm_medium=cpm&utm_source=reactstatus&utm_campaign=kendo-ui-react-awareness-general&utm_content=primary) [KendoReact Is the Only UI Component Library You Need](https://www.telerik.com/kendo-react-ui/?utm_medium=cpm&utm_source=reactstatus&utm_campaign=kendo-ui-react-awareness-general&utm_content=primary) — Use its 100+ feature-rich components built with React for React to create web apps much faster. Enjoy working with a complete, professionally built suite — everything from buttons and dropdowns to fast and performant data grid, scheduler and editor. Easy to integrate, customizable and fully accessible. Progress KendoReact sponsor [Building an Interactive Starry Backdrop for Content](https://css-tricks.com/an-interactive-starry-backdrop-for-content/) — A thorough walkthrough/tutorial for building your own drop-in React component that brings an interactive visual backdrop to your site. Jhey Tompkins [Making React and React Native Apps Feel Alike](https://legendapp.com/dev/react-and-native/) — The developers of a productivity app wanted consistency between Web and mobile apps without, well, all the hard work involved in that. Here they look at how they use [tailwindcss-react-native](https://github.com/marklawlor/tailwindcss-react-native) and [Legend Motion](https://legendapp.com/dev/motion/) to have the same styling and animation patterns across React and React Native. Legend **Quick bits:** - A look at [how Storybook can be used to automated accessibility tests.](https://storybook.js.org/blog/automate-accessibility-tests-with-storybook/) - Last Thursday was [Global Accessibility Awareness Day](https://accessibility.day) and the React Native team posted [an update on React Native's progress](https://reactnative.dev/blog/2022/05/19/GAAD-2022-update) on improving accessibility. 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 [React Developer at Cisco (Remote in Europe)](https://jobs.cisco.com/jobs/ProjectDetail/Remote-Frontend-developer-Engineer/1364578) — Join the Cyber Vision team where we develop a leading cyber-security solution tailored for industrial customers and help us scale our our dev process and build our new version. Cisco [Software Engineers](https://www.stickermule.com/careers) — Sticker Mule is the Internet's most "kick ass" brand. Our software team operates from 17 countries, and we're always looking for more exceptional engineers. Sticker mule [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 [Working with Three.js, The Popular 3D JavaScript Library](https://t.co/ZQ9uJZKxqq) — A sweeping, extended tutorial that starts with [three.js](https://github.com/mrdoob/three.js/) basics and extends through to setting it up within a React project. Jennifer Fu [Stack Overflow Podcast: Exploring the Art & Practice of Programming](https://stackoverflow.blog/podcast/?utm_source=reactstatus&utm_medium=email&utm_campaign=editaudio) The Stack Overflow Podcast sponsor ▶[Build and Deploy a React Admin Dashboard App](https://www.youtube.com/watch?v=jx5hdo50a2M) — A four-hour start to finish walkthrough on YouTube. JavaScript Mastery ▶[A Three Hour React Native Crash Course](https://www.youtube.com/watch?v=VozPNrt-LfE) Maximilian Schwarzmüller 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/xfnnj0hxww44qsjrqckc.jpg)](https://github.com/timc1/kbar) [kbar: A React Component to Add a CMD+K Interface to Your Site](https://github.com/timc1/kbar) — Similar to an IDE or other app that opens up a 'command palette' to execute various options, navigation, help menus, etc. [Try it here](https://kbar.vercel.app/). tim chang [React-Uploady 1.0: File Upload Components and Hooks](https://react-uploady.org/) — The aim here is to be as simple as possible to use while remaining customizable. You can have a file upload button, a preview, a zone for drag and drop uploads, and more. The [docs](https://react-uploady.org/docs/) are good and show off a basic example and there’s [even a screencast](https://www.youtube.com/watch?v=bxvHE4hWu3c) if you want a bit more. Yoav Niran [React Ape: Build UI Capabilities with Canvas and WebGL](https://raphamorim.io/react-ape/) — A React renderer targeting building UI interfaces using canvas/WebGL such as for TV, PlayStation, Nintendo Switch, and low memory devices. Raphael Amorim ## ⚡️ Quick Bits: [react-datepicker](https://github.com/Hacker0x01/react-datepicker) — A mature option that continues to get frequent updates. [Demo here.](https://reactdatepicker.com/) [any-touch](https://github.com/any86/any-touch) — Six touch screen gesture recognizers with a compact footprint and no dependencies. [ReactJSXHighcharts](https://github.com/whawker/react-jsx-highcharts) — React-flavored interactive charting. 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