#​413 — January 15, 2025

Read on the Web

Together with  Frontend Masters logo
React Status

An Early Look at React's Experimental Animations API<ViewTransition /> is based on the powerful browser-based View Transition API (unsupported in Firefox for now). It’s only in pre-release versions of React so far, but Matt comes armed with examples and demos for you to get an early feel for the potential.

Matt Perry (Motion)

💡 There are more technical details in the React pull request about ViewTransition.

Five Years of React Native at Shopify — Five years ago, Shopify said React Native was the future for mobile development at their company and they really meant it with every mobile app moving to RN over time. Here’s what they learnt along the way and why they’re sticking with it.

Mustafa Ali (Shopify)

Write CSS Like a Pro — Kevin Powell shares how to create a responsive website from scratch using modern CSS features (such as nesting, utility classes, custom properties, and more). This detailed video course also dives into adding additional polish via animations, view transitions, and more.

Frontend Masters sponsor

IN BRIEF:

Accessibility Essentials Every React Developer Should Know — If you’re an experienced frontend developer, these might be second nature to you by now, but this is a good roundup of the entry level ‘table stakes’ for frontend accessibility.

Martijn Hols

📄 LangChain: Using OpenAI in JavaScript with React and Next.js Robin Wieruch

📄 Consider Avoiding navigate(-1) in Remix/React Router David Adams

📄 Best Practices for Mastering Forms in Next.js 15 and React 19 Kolby Sisk (Udacity)

📄 Implementing Streaming SSR with React Relay and Vite Aqora

📄 Progressive Forms with React 19 Chris Arderne

🛠  Code, Tools & Libraries

react-nil 2.0: A React 'Null Renderer' — An interesting experiment to use React in situations where you don’t need it to render anything, but you want to use hooks, suspense, context, and other bits of the React lifecycle. Like in, say, a Node app. Maybe this CodeSandbox example will provoke some ideas.

Poimandres

Protect Against Bots, Fraud, and Abuse in Real Time — WorkOS Radar protects your app with advanced device fingerprinting — stop fake signups, free tier abuse, bot attacks and brute force attempts today.

WorkOS sponsor

Superglue 1.0: A Way for React to ❤️ Ruby on RailsSuperglue is a library for bringing Ruby on Rails and React closer together in a way that feels as natural as Rails’ default Hotwire and Stimulus-based approach to the frontend.

Thoughtbot

How to Set Up a Basic Ruby Sinatra + React Webapp — The barebones steps needed to spin up a Ruby-powered backend serving up a React frontend along with Vite and Tailwind.

Peter Cooper

💡 If you're interested in Ruby or Rails at all, be sure to check out Ruby Weekly – it was our first ever newsletter and is still going strong 733 issues in!