This Week In React #249 : TanStack, Fast-Refresh, MDX | Expo, Legend List, Uniwind, New Arch, Rock, Screens | Interop

Hi everyone!

This week is relatively calm in terms of React news, but I’m saving an exciting React core update for next week, so don't miss my next email 👀!

On the React Native side, we have so many links that it’s a bit overwhelming 😆 And Expo SDK 54 is not even out yet!

Beware of the massive . This could give enough time for security scanners to report vulnerabilities.

💡 Subscribe to the

💸 Sponsor

Do you love how Shadcn/UI puts you back in the driver's seat with components you actually own? Shadcn Admin Kit builds on that same philosophy, but for application logic. 💡

Instead of starting from scratch on auth, data fetching, CRUD, data tables, forms & validation, and error management, Shadcn Admin Kit provides a ready-to-use foundation that fits right into your project.

It's built on the stack you would choose: Tailwind CSS, Radix UI, Shadcn/UI, React Router, TanStack Query, and React Hook Form, all brought together by the same team that built !

⚛️ React

A greatly interactive article that shows how React Query can become verbose and complex, and how TanStack DB is designed to fill the gap with new primitives:

• Collections: load large amounts of typed, relational data on the client


• Live Queries: filter/process/join collections at incredible speed, with fewer React re-renders


• Transactional Mutation: perform optimistic updates with less boilerplate and automatic rollbacks

All this without changing your backend endpoints. And you can go even further and adopt a sync engine like ElectricSQL to benefit from real-time synchronization and handle larger datasets.

• 💸 : Articulates the commitment to a new ‘Open SDK’ strategy, against platform lock-in, for Next.js in particular but all their other frameworks as well. It’s worth mentioning that SST/OpenNext folks  -  🇬🇧 London - 28 Nov & 1 Dec. Featuring: Kadi Kraman (Expo), Bela Bohlender (react-three), Mike Grabowski (RN Core Team), Jani Eväkallio & more! 10% discount code "TWIR".


• 📜 : In MDX, you can use Markdown syntax in React component children, not in props, but there are tricks to get around this limitation.


• 📜
  


• 💸
  


• 📦
  


• 📦
  


• 📦
  


• 📦 : A high-level API generator-based API to animate React-Three-Fiber scenes.


• 🎥
  


• 🎙️
  
  
  
  
  
  
  
  
  

  
  
  
  📱 React-Native
  

  
  
  
  
  
  • 💸 : The waitlist for a promising styling library presented at React Universe. There will be a free version and a faster paid version.
  
  
  • 📖
    
  
  
  • 📜 : You can add support for unsupported types (here, ArrayBuffer), and optimize data transfer without serialization.
  
  
  • 📜 : Not specific to RN, but still useful to know how simple it can be.
  
  
  • 📜
    
  
  
  • 📦 (which also released v2 recently).
  
  
  • 📦 by the same author, now upgraded to Nitro Modules.
  
  
  • 📦
    
  
  
  • 📦
    
  
  
  • 📦
    
  
  
  • 📦
    
  
  
  • 📦
    
  
  
  • 🎥
    
  
  
  • 🎙️
    
  
  
  
  
  
  
  
  

  
  
  
  🔀 Other
  

  
  
  
  
  
  • 📣
    
  
  
  • 📜
    
  
  
  • 📜
    
  
  
  • 📜 : If you don't follow this rule, I recommend you think about it.
  
  
  • 📦
    
    
    
    
    

    See ya! 👋

    Vollständiger Original-Bericht

    Ausführliche Details, Code-Beispiele & Hersteller-Stellungnahme auf dev.to.

    ↗ Original-Artikel auf dev.to lesen