📨 #219: CRA, Next.js, Remix, Tremor, SaaS-Starter, Local-First, JSDom, 2n8, RN-Windows, OTA, Polygen, Audio API, Debugging, Shopify, Bottom Tabs, Reanimated, Tailwind, Standard Schema, TypeScript...
Hi everyone!
It's been a fairly quiet week compared with the previous one, and I couldn't pick any headliner!
The most important news for our ecosystem is probably the official deprecation of Create React App. There's also Tailwind v4 and Standard Schema v1.
I'm quite excited by the upcoming TypeScript 5.8 erasableSyntaxOnly flag that forbids usage of features such as enums. This is the path toward making your app compatible Node.js built-in support, and maybe browsers too in the future.
Check our partner conf dotJS 2025 - 🇫🇷 Paris - 03 April - Speakers announced! Ryan Dahl, creator of Node.js, Sarah Drasner, Director of Engineering at Google and Wes Bos, co-host of Syntax.fm podcast. Get 15% off tickets with code "TWIR”.
As always, thanks for supporting us on your favorite platform:
- 🦋 Bluesky
- ✖️ X / Twitter
Ne manque pas le prochain email !
💸 Sponsor
Convex: The Reactive Database for Web Developers
Convex is the all-in-one platform that gives you everything you need to build, launch, and scale a production-ready backend.
Leverage TypeScript to write queries as code that are automatically cached and realtime, with an acid-compliant reactive database.
And that’s just the beginning. With Convex, you can:
- Easily schedule functions and write cron jobs
- Set up file storage
- Write efficient server functions
- Generate your backend with your favorite AI coding tool
- And so much more…
⚛️ React
- 💸 Clerk - Build session-based authentication with React and Express
- 📣 Vercel acquires Tremor to invest in open source React components: The premium library to build dashboards is now free and open source.
- 👀 CRA breaks with React 19, and CRA needs deprecation notices: After various community discussions, Create-React-App has been officially deprecated!
- 👀 Next.js PR - New standalone
experimental.useCacheflag for usage withoutdynamicIO - 👀 Next.js PR - New
experimental.slowModuleDetectionflag to report modules that takes a long time to compile - 👀 Remix PR - Support for client side
routerContext - 🐦 React Three Fiber v9 in RC, supporting React 19 and Three.js WebGPURenderer
- 📜 DexieJs: Reactive local state in React: You might not need a React state management library, the browser provides a built-in reactive IndexedDB. This great article shows how to wire everything (live queries and actions) using modern React 19 features.
- 📜 Next.js: an honest review: An interesting and quite pragmatic list of pros/cons of using Next.js in production apps.
- 📜 Why I Won’t Use JSDOM: Recommends testing frontend components in an actual browser, using Vitest Browser Mode and Playwright, instead of a polyfilled Node.js env like JSDOM. The React integration is similar to using React Testing Library.
- 📜 UX++ and DX++ with Sync Engines: Explains why it’s difficult to invalidate queries and implement optimistic UI with React Query, then propose to use a local-first model with Replicache.
- 📜 Moving on from React, a Year Later: Feedback on removing React from a server-rendered Rails application, considering JS a handicap.
- 📜 Server-side React that renders as png, pdf, or interactive webapp: Using a search parameter to return a PDF or png in a TanStack Start app.
- 📜 How to handle multiple concurrent submissions in Remix
- 📜 Why are React Server Components actually beneficial?
- 📜 Picking a state management library for a React app used by millions (and why we went with MobX)
- 📜 useAsyncFetcher: How to implement an asynchronous fetch function in a Remix app
- 📜 Intro to Formik
- 📜 How to build a CMS with React-Admin
- 📦 Vercel Next.js SaaS Starter: Initially created by Lee Robinson, it’s now an official package maintained by Vercel. You probably don’t need to buy a paid boilerplate.
- 📦 2n8 - Class-based React store: An interesting blend between MobX and Zustand.
- 🎥 Theo - Why is every React site so slow?
- 🎥 Youssef Benlemlih - TanStack Router Full Course
Ne manque pas le prochain email !
💸 Sponsor
Rethink your React apps' UX with Reactile
Reactile is an UI/UX turnkey framework which features an out-of-the-box, intuitive tiling display with workspaces. It encourages parallel workloads for large web solutions within a single browser tab. Implement your own view containers, widgets and logic using React and let Reactile handle the display for you.
On top of that, Reactile also offers:
- A promise-based persistence mechanism which permits a uniform workflow across time and on multiple devices.
- The possibility to use nested tabs for your tiles.
- A simplified global search mechanism.
- CSS @container based responsiveness.
- And much more.
Version 2 coming out soon. Get started with your unique 30-day free trial. Learn more about it on reactile.net.
Reactile - The new React UI management system
📱 React-Native
- 💸 PostHog - How Swype uses mobile session replays for testing and user insights
- 📣 React Native 0.79 - Removal of Remote JS Debugging via Chrome
- 🐦 Fernando Rojo highlights “newer versions of React Native have a less expensive
<Text>component”: Starting at v0.75+ (not sure), text components with simple string children are much faster. - 🐦 React Native at Shopify - CTO’s perspective: Former Shopify CTO shared a long tweet that completes nicely the recent Shopify blog post. The decision to adopt RN took years. They took a bet on technology and community based on potential, not on the current state.
- 🐦 iOS App Clip in Expo Router demo: This runs native iOS app screens simply by clicking a link, without even installing from the App Store.
- 🐦 Multiple windows on iPadOS demo: A new “React Native Factory” feature unlocks new brownfield and multi-window possibilities.
- 📜 How to build beautiful React Native bottom tabs
- 📜 Introducing React Native Audio API
- 📜 Over the Air (OTA) updates with Zephyr: Gives the possibility for super apps to update their submodules independently.
- 📦 Polygen - Run WebAssembly modules in your apps, statically, without interpreting: This Callstack package in preview converts Wasm to C and then call it through JSI to deliver great performance.
- 📦 Hot Updater - A self-hostable OTA update solution for React Native: An interesting alternative to CodePush. Plugins let you decide where to host the JS bundles (S3, Supabase, PostgreSQL).
- 📦 React Native Windows 0.77, and MacOS 0.77 should come soon
- 📦 React Native 0.74.7: End-of-life release, 0.74.x is now out of support.
- 📦 React Native CSS Animation presets for Reanimated 4
- 🎥 Fernando Rojo - I built a React Native bottom sheet...with SwiftUI?
- 🎥 Jack Herrington - Micro-Frontends in React-Native! Game Changer for Mobile Apps
- 🎥 Simon Grimm - React Native Animations just got way easier (Reanimated v4)
- 🎙️ React Universe On Air 47 - Mobile Microfrontends With Zephyr Cloud and Re.Pack
- 🎙️ RNR 319 - Shopify goes full throttle on React Native with Mustafa Ali
- 🎙️ PodRocket - Universal React with Mo Khazali
- 🎙️ Rocket Ship 59 - Expo Router, RSC & DOM Components with Evan Bacon
🔀 Other
- 👀 TypeScript 5.8 Iteration Plan ·
erasableSyntaxOnly, require(esm), dependent return type narrowing - 📜 TypeScript 5.8 Ships --erasableSyntaxOnly To Disable Enums
- 📜 Container Queries Unleashed
- 📜 JavaScript Temporal is coming
- 📜 Avoiding `any`s with Linting and TypeScript
- 📜 The modern way to write JavaScript servers
- 📦 Tailwind CSS 4.0 - High-performance engine, CSS-first config, modern CSS, Vite plugin
- 📦 Standard Schema 1.0 - Common interface for TypeScript validation libraries
🤭 Fun
See ya! 👋
Ne manque pas le prochain email !
