This Week In React #210 : React 19 pre-warming, Next.js, TanStack, Expo Workflows, Yoga JSI, Skia, Turbo Haptics, Angular 19...

sebastienlorber

Sebastien Lorber

Posted on November 22, 2024

This Week In React #210 : React 19 pre-warming, Next.js, TanStack, Expo Workflows, Yoga JSI, Skia, Turbo Haptics, Angular 19...

Hi everyone!

Cyril and Matthieu from Theodo Apps (formerly BAM) here πŸ‘‹, standing in for Seb to bring you the latest news from React and React Native!

Big news from the React world this week! React 19 is back in RC, six months after its initial release was postponed. The suspense over Suspense is finally easing with the introduction of pre-warming.

Expo is making waves during its launch party, and the excitement keeps building! πŸš€

The newly announced Expo Workflows promises to revolutionize CI/CD for React Native apps with pre-packaged jobs, intelligent machine selection, and seamless automation β€” streamlining the entire release process.

Meanwhile, Universal React Server Components in Expo Router have entered beta, marking a major milestone in the journey toward server-first React Native development.

And the party isn’t over yet! πŸŽ‰ Stay tuned for next week’s issue, where we’ll dive into even more announcements from Expo’s ongoing celebration.

Also check our partner conf React Paris 2025 (πŸ‡«πŸ‡· Paris - 20 & 21 March). Kick off your year with one of the first dev conferences of 2025! Speakers include Dominik 'TkDodo' Dorfmeister, Kent C. Dodds, and Aurora Scharff. CFPs are open, and you can get 20% off tickets with code "TWIR"!

We'd be super grateful if you'd share this newsletter or support us here :

Let’s dive in! πŸš€


πŸ’‘ Subscribe to the official newsletter to receive an email every week!

banner


πŸ’Έ Sponsor

Handsontable: Advanced data grid for your React app

Handsontable: Advanced data grid for your React app

Handsontable is a feature-rich data grid designed for React developers who need a powerful, customizable, and accessible solution to manage complex data.

  • A unique spreadsheet-like interface with sorting, filtering, and CRUD operations
  • Advanced operations like conditional formatting and 400 built-in formulas, similar to Excel
  • Customizable editors and renderers, allowing dropdowns, menus or custom components within grid cells to fit specific use cases
  • Optimized performance for smooth and responsive interactions
  • Accessibility with WCAG 2.1 compliance for better support for users with disabilities

Handsontable adapts to various use cases, from enterprise applications to simple websites, offering performance and flexibility trusted by companies worldwide.

Get started today!


βš›οΈ React

React 19 RC1

React 19 RC1 - Siblings pre-warming

We’ve covered how the initial release of React 19 was aborted because of a change in Suspense that would have caused waterfalls in apps that use Suspense without starting fetches in event handlers.

The React team has been hard at work to reintroduce Suspense sibling prerendering without causing performance regressions for apps that start fetching early. Their solution is now ready and it’s called pre-warming. Dominik, the React Query maintainer who raised awareness of this problem, has confirmed he’s happy with the fix.

As usual, the new features were already available in Next.JS (which uses react canary). They include server components and actions, the new use hook, improvements to forms handling (useFormStatus and useOptimistic), and a small but long-awaited change: forwardRef is not necessary anymore!



πŸ’Έ Sponsor

Unleash Document Superpowers in Your React Apps!

Unleash Document Superpowers in Your React Apps!

Attention React enthusiasts: PSPDFKit is now Nutrient! πŸ‘‹ We may have a new name, but our Web SDK is the same best in class choice you've come to rely on for viewing, annotating, and editing PDFs and other document types.

  • 🏎️ Get started quickly with a free trial and extensive documentation
  • ⏱️ Save time developing by leveraging the slick built-in UI and Baseline-UI, our new design system
  • πŸ› οΈ Leverage extensive APIs for processing and customization
  • πŸ†˜ Make use of our support and solution engineering team to get help from domain experts

We've got you covered on all platforms from mobile to backend.

Want to work on challenging problems and have impact on hundreds of applications? Check out our open positions such as Senior Frontend Developer.


πŸ“± React-Native

Expo Workflows

Expo Workflows
Expo has announced "Workflows," a new CI/CD tool for React Native and Expo apps that simplifies and accelerates app releases with pre-packaged jobs (such as E2E tests using Maestro), automated workflows, and smart machine selection for optimal performance. While it’s not a direct replacement for more general CI/CD solutions like GitHub Actions, it promises exciting improvements worth exploring.

πŸŽ‰ Expo Launch Party is still running. Don’t miss their announcements!



πŸ”€ Other


🀭 Fun

React 19 is coming

inlined function breaks memoization

well done angular

See ya! πŸ‘‹

πŸ’– πŸ’ͺ πŸ™… 🚩
sebastienlorber
Sebastien Lorber

Posted on November 22, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related