This week I've found the React ecosystem rather quiet, but we've got some pretty cool articles to read.
React progressive enhancement is in the spotlight in both Remix and Next.js!
💡 Subscribe to the official newsletter to receive an email every week!
Stream is the maker of enterprise-grade APIs and SDKs that help product and engineering teams solve two common problems at scale: in-app chat and social activity feeds.
With Stream, developers can integrate any type of messaging or feed experience into their app in a fraction of the time it would take to build these features from scratch. Stream Chat makes it easy for developers to integrate rich, real-time messaging into their applications.
Stream provides robust client-side SDKs for popular frameworks such as React, React-Native, Expo, Flutter, Android, Angular, Compose, Unreal, and iOS. Unlock enterprise-grade features, functions, and UI components completely free for your startup or side project with the Maker Account.
We want to create high-performance applications, and to do that we use
React.memo, which avoids unnecessary re-renders. But these optimisations break too easily. Dominik shares with us several scenarios that lead to performance degradation, including the use of inlined objects/callbacks, or the use of JSX slots with a props like
I took the opportunity to give my opinion on Twitter: the performance of a React component should be better encapsulated. While we're waiting for the React-Forget compiler, there are a few lesser-known avenues to explore, such as the use of Babel plugins.
Kent shows us a few examples of Remix code and how easy it is to implement pending UI and optimistic UI. He recommends using a shared Zod schema to validate forms on the frontend, and extending it on the backend to eventually add additional rules. conform facilitates the use of a Zod schema to validate a
FormData, and seems to be an underrated solution for managing a React form, from the local state to the server.
👀 Next.js PR - Progressive enhancement for form state: Next.js includes a brand-new
useFormStateReact core hook (not to be confused with
👀 React core PR - Add Server Context deprecation warning: the secret hook
createServerContextis deprecated and will be removed.
📜 Sharing State with Islands Architecture: well-illustrated article analysing several possible solutions for getting Islands to communicate in an Astro/React context.
📜 Next.js 13 vs Remix: An In-depth case study: exhaustive, well-documented article comparing many Next.js and Remix features side-by-side.
If you are looking to set up a robust form management system fully integrated in your IT infrastructure that allows you to retain full control over the data flow, and you don’t want to spend months and thousands of dollars to get it up and running, then SurveyJS is the way to go!
Evan points out the few advantages of using the iOS settings screen. It's a pain to implement natively, and the ROI is low, but his Expo Config Plugin simplifies the task. He explains how to toggle an app's sound with a switch, or how to automate the display of your app's software licenses.
📖 Expo Docs - Continuous Native Generation (CNG): presents the idea of generating native platforms on an ongoing basis with Expo Prebuild.
📦 create-react-native-library v0.34 - local library support: it's now very easy to generate a local library in React-Native vanilla. Expo supports it too.
See ya! 👋
Did you find this article valuable?
Support Sébastien Lorber by becoming a sponsor. Any amount is appreciated!