React Status Issue 416: February 5, 2025

#416 — February 5, 2025

Together with

React Query - The ~~Bad Parts~~ Tradeoffs? — Dominik caps off a fantastic series of posts digging into React Query (and spanning years) with an annotated set of slides from a recent talk digging into frequent criticisms about the project. If you're a React Query user, you might learn a few things here.

Dominik Dorfmeister

Vite with TypeScript — If you’ve created a JavaScript-based React project with Vite and want to get on the TypeScript train, here are the basic steps.

Robin Wieruch

Building a React Login Page Template — An in-depth guild on building session-based authentication with React.

Clerk sponsor

IN BRIEF:

Someone has proposed that Astro should be listed as one of the framework options in the official React docs if you want to thumbs up/down the idea.
🤖 React Native ExecuTorch offers a new, declarative way to run AI models on device in React Native apps, thanks to a new AI framework from the PyTorch team (more on this here).
Dan Abramov is leaving (his job at) Bluesky and appears set to take a long break playing with the Lean language/theorem prover.
Would you like to write PHP inside Vue or React components? You might if you're a Laravel user, and Aaron Francis shows off a way to do it. It's not open source yet, but his demo is pretty cool.

Using Phoenix with React and Inertia — Phoenix is arguably the web framework for the Erlang VM-based Elixir language.

Dimitrios Lytras

React and OpenLayers Integration: A Comprehensive Guide — Add interactive maps to your React app by integrating with the well-established OpenLayers mapping library.

Max Dietrich

Find. Fix. Test: Intro to Sentry & Codecov — Code-level visibility, from pre- to post-release, lets devs find and fix errors and slowdowns and deploy with confidence.

Sentry sponsor

📺 Create React App is Finally 'Dead' – And Theo is really excited about it. He's certainly committed to the bit, considering he posted the controversial PR to the React project two years ago asking for CRA to no longer be recommended to new users. Theo Browne

📄 Building a Semantic Movie Search Demo with pgvector and Next.js Fatih Altinok

📄 Improve Asynchronous State UX in React with useOptimistic – useOptimistic is a hook for optimistically updating the UI. Ben Zuke

📱 Using Live Activities in a React Native App – How to work with iOS Live Activities. Michael Hayes

📄 Prebuilt iOS Binaries: Reducing React Native Dev Start Time from Minutes to Seconds Mason Wolters

🛠 Code, Tools & Libraries

Emoji Picker: A Sweet and Simple Tailwind-Styled Emoji Picker — Pretty much ‘what it says on the tin!’ Minimally styled and easy to adapt, fast, lightweight, accessible, and everything you’d want in a simple emoji picker. Certainly faster than the macOS one.. GitHub repo.

Ferruccio Balestreri

🐝 Wasp 0.16: A Rails-Like Framework for React, Node and Prisma — A once common complaint was a lack of larger Ruby on Rails-esque opinionated frameworks for both Node and React. React has picked up various approaches like Next.js and Redwood, but Wasp, now a pretty mature project, goes all the way by calling itself ‘Rails-like’. it’s well worth a look.

Wasp, Inc.

shadcn-ui-tree-view: shadcn-ui Based Tree View — A shadcn/ui flavored tree view component with selection, folder management, and visual feedback.

Neigebaie

🗺️ react-map-gl 8.0 – React friendly API wrapper around MapboxGL JS. See it in action.
📄 PDFSlick 2.0.1 – Enhanced viewing and interaction with PDFs. Demos.
react-jsx-parser 2.3 – Parses JSX and outputs rendered components.
TanStack Virtual 3.12 – Headless UI for virtualizing scrollable elements.
🗓️ Schedule-X 2.17 – Material Design event calendar and date picker.
🗓️ React Date Picker 8.0 – Simple date picker component. (Demo.)
React Share 5.2 – The social media button library adds 🦋 Bluesky.
react-qr-scanner 2.2 – A library to scan QR codes.
Motion 12.2 – The modern animation library.

📰 Classifieds

Meticulous automatically creates and maintains an E2E UI test suite with zero developer effort. Relied on by Lattice, Bilt Rewards, etc.

🪄 Codemagic: A great App Center alternative for React Native devs! 8x faster builds, CodePush, easy distribution. 1-month free trial!

Meet Harmony: An open source library for composing consistent and highly performant platforms from independent business features.

📢 Elsewhere in JavaScript

A quick roundup of some of other interesting stories in the broader JavaScript landscape, in case you've missed them:

TypeScript 5.8 Beta has been released – it's mostly exciting for Node.js users, but there's a new --erasableSyntaxOnly option to only allow the use of TypeScript features that can be safely erased from the source (e.g. not enums).
🤣 The Deno vs Oracle JavaScript™ trademark case rolls on rolls on with Oracle just barely meeting a deadline to file a motion to dismiss the case. Oracle asserts that "relevant consumers do not perceive JAVASCRIPT as a generic term." We don't? Or aren't we relevant?
Centrifugo v6 has been released. Centrifugo is a Go-powered but otherwise language agnostic real-time messaging server for wiring up asynchronous, multi-user apps.
Josh Goldberg explains the differences between ESLint and TypeScript, beyond the obvious.
Bun 1.2.2 has been released with big drops in idle memory usage.