#​375 — February 28, 2024

Read on the Web

Together with  Userfront
React Status

Functional UI Kit: A Unified Figma and React UI Component Kit — It doesn’t feel like anyone has really perfected the Figma - React connection just yet, but this is a great attempt to bridge the design/code gap, funded by Figma’s Community Creators Fund.

Alex Yakir et al.

Transformational Auth & Identity | Userfront — Userfront is an auth & identity platform that transforms your business to serve free, freemium, and enterprise customers in one place. We specialize in efficiently migrating systems so you can win new business while delighting existing customers.

Userfront sponsor

Exploring Next.js Forms with Server Actions — Learn from Robin’s experiences: “I delved deep into exploring Forms in Next.js 14 using Next’s App Router, React Server Components (RSC), and Server Actions. This comprehensive tutorial covers React/Next native aspects like useFormStatus, useFormState and revalidatePath.”

Robin Wieruch

Next.js vs. Remix: A Developer's Dilemma — Compares a variety of points, from how various techniques are implemented to deployment, commercial support, and popularity.

Chetan Gawai

IN BRIEF:

  • Facebook / Meta engineer Christopher Chedeau (aka Vjeux) has written about his 12 years at Meta, including his involvement in the early days of React, his efforts to get React Native off the ground, and his part in the creation of Docusaurus.

  • 📅 React Universe 2024 is the new name of React Native EU and takes place in Poland this September. Its CFP is open until March 22.

  • 📅 Vercel Ship is another event taking place both in New York and online this May and will focus on everything going on Vercel-wise.

  • Kyle Cook thinks ▶️ the changes coming up in React 19 are "amazing" and walks through each of them in just 9 minutes.

HTMX vs React: A Complete Comparison — In contrast to the Next/Remix comparison (above), it strikes me as tricky to compare two significantly different approaches to what will often suit rather different problems.. but here you go.

Antonello Zanini and Dan Ackerson

How to Build an Offline-First App with Expo and Legend StateLegend State is a modern state library that at least boasts being the fastest option for React apps, and it’s well suited for offline use. Callum brings it together with the Expo React Native framework here.

Callum Hemsley

How to Set Up Lexical Editor in React Native — A bit of a workaround, since Lexical doesn’t directly support React Native.

Dragoș Străinu

React Compiler Theory and Reactivity — The React team has been working on React Compiler (practical explanation here) and if you’re really interested in compilers, Sathya goes into more depth on some of what’s going on under the hood, though this knowledge is not at all needed to use it.

Sathya Gunasekaran

▶  Use AWS Amplify Gen 2 to Create a Full Stack App with Type Safety
Erik Hanchett (AWS)

Deploying Safely on Vercel Without Merge Queues
Knichel and Massa (Vercel)

▶  The Problem with Next.js
Dave Gray

🛠  Code, Tools & Libraries

Mountaineer: 'Batteries-Included' Framework for Python and React — JavaScript is often assumed to be powering the backend of React apps, but that’s far from a requirement. Mountaineer provides a rather Create-React-App-esque experience but using Python for the backend.

Pierce Freeman

Waku: A Minimal Server-Side React Framework — From the maintainer of Jotai, Valtio, and Zustand, Waku is a more lightweight alternative to something like Next.js but which still opens up the potential of server components, shared components, and elegant routing, in a simpler, easier to apply way.

Daishi Kato

📰 Classifieds

Learn how you can use Cloudflare Workers, Hono, Drizzle ORM, and Neon to build a serverless API. Watch the video on YouTube.


📧 Forward Email is an email forwarding service able to boast being entirely open source. They use quantum-safe, individually encrypted SQLite mailboxes too.

React-Uploady 1.8: File Upload Components and Hooks — Aims to be simple but customizable. You get a file upload button, a preview, a zone for drag and drop uploads, and more. The docs are good and there are numerous guides for implementing common file upload related features.

Yoav Niran

Universal App Example using React Native for Vision Pro — A universal example developed using React Native for Vision Pro and iPhone. It’s inspired by Apple’s Hello World example for VisionOS.

Monstarlab

Doodle 0.10.0: A Pure Kotlin UI Framework — Kotlin? That’s not JavaScript! No, it’s an increasingly popular language for the JVM, and Doodle is used to build GUI apps with it and it can now host React components and target the Web via JavaScript and WebAssembly. Could be worth a look if you’re in a company trying to bridge the JVM/Web/JS divide.

Nacular