React Newsletter #403

Expo SDK 50, Custom elements support for React, and Next.js app router training


Omlet gives you instant component usage analytics for your design system

Scan your code to see where your components are used in production. Omlet lets you:

  • Use data to inform decisions, like deciding which components to keep, remove, or improve
  • Identify when custom components have been added to your codebase
  • Measure the success of your design systems initiatives

Eliminate design systems guesswork and speed up production.

Start for free today. [sponsored]


News

Expo SDK 50

This milestone release includes an Expo Dev Tools Plugin API that allows you to build browser-based plugins to debug and interact aspects of your app or library. It also comes with new and improved SQLite and Camera APIs, @expo/fingerprint, and more.

Expo Router v3

"The most powerful release yet" for the Expo Router aims to make it a universal, full-stack framework by adding API routes, which allow you to build universal server endpoints.

React plans to add custom elements support to the next stable release

This issue was first opened in October 2017, so it's nice to see some progress being made.


Articles

How to start a React Project in 2024

Robin Wieruch gives a brief overview of different approaches to starting a new React project in 2024, along with the advantages and disadvantages of each, the skill level they require and what unique features they provide.

Server-side rendering local dates without FOUC

Fatih Altinok shares their novel approach for avoiding "the uncanny valley where the server-rendered date is displayed until hydration complete."


Jobs

React Native SDK Team Lead

Do you enjoy solving complex technical challenges and building for other developers? Stream is hiring for a React Native Team Lead to work on our open-source Chat and Video SDKs that are used by thousands of developers and over 1 billion end users.


Projects

Next.js App Router Training

Hiroppy (a maintainer for Node.js and webpack) created this free playground, which introduces a lot of basic App Router patterns with interactive code examples.

Tamagui v1.88

Tamagui's core style library, optimizing compiler, and component library help you to efficiently share more code between your web and native apps. This release comes with hugely improved types and type speed, Expo 50 support, a beta Expo Router starter template, and much more.

State of Data Survey

Take this 7-minute survey about the state of data in full-stack web applications, and you could win over $1,000 in prizes, including AirPods, Amazon gift cards, and more. [sponsored]

Vocs

A new, minimal, static documentation framework that's powered by React and Vite.

React Email 2.0

React Email gives you high-quality, unstyled components for creating emails. This 2.0 release includes a re-imagined preview experience, massive perf improvements, new components, better support for monorepos, and more.


Videos

Next.js Explained: Partial Prerendering (What? Why? How?)

In this 11-minute video, Delba Oliveira from the Next.js team gives a helpful intro to what partial prerendering is, how it works, and why it matters.s

made with ❤️ by ui.dev