Big changes ahead for Next.js

#​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 4 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.

Leave a Reply

Your email address will not be published.