#290 — May 25, 2022 |
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:
|
|
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
|
🛠 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 |
|