Big changes ahead for Next.js

Plus digging into state management options, plus a neat collection of file uploading components and hooks. |

#​290 — May 25, 2022 Read on the Web React Status A Roundup of React State Management Libraries in 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 — 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) KendoReact Is the Only UI Component Library You Need — 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 — 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 — 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 and Legend 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. Last Thursday was Global Accessibility Awareness Day and the React Native team posted an update on React Native's progress on improving accessibility. 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 React Developer at Cisco (Remote in Europe) — 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 — 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 — 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 — A sweeping, extended tutorial that starts with 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 The Stack Overflow Podcast sponsor ▶  Build and Deploy a React Admin Dashboard App — A four-hour start to finish walkthrough on YouTube. JavaScript Mastery ▶  A Three Hour React Native Crash Course Maximilian Schwarzmüller 🛠 Code and Tools kbar: A React Component to Add a CMD+K Interface to Your Site — Similar to an IDE or other app that opens up a 'command palette' to execute various options, navigation, help menus, etc. Try it here. tim chang React-Uploady 1.0: File Upload Components and Hooks — 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 are good and show off a basic example and there's even a screencast if you want a bit more. Yoav Niran React Ape: Build UI Capabilities with Canvas and WebGL — 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 — A mature option that continues to get frequent updates. Demo here. any-touch — Six touch screen gesture recognizers with a compact footprint and no dependencies. ReactJSXHighcharts — React-flavored interactive charting.

This issue was curated by Terence C. Gannon and edited by the Cooperpress team. A Cooperpress publication. Change your email address or Stop getting this newsletter © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom