Krzysztof Piaskowy

This Week In React 251 - By @tboba.pl & @piaskowyk.bsky.social

🍿 Read/subscribe: thisweekinreact.com/newsletter/251

⚛️ React
- TanStack Start 1.0 RC
- React Router RSC
- React ESLint plugins
- Vite
- <ViewTransition>
📱 RN
- Nitro Modules/Fetch
- Live Activity
- localStorage
- Workflows TestFlight

I'm excited to announce I will be speaker at React Universe, just next week! 🥳

It's high time we talk Worklets on a big stage.

This Week In React 246 - Back from holiday with @piaskowyk.bsky.social & @kacperkapusciak.bsky.social 🏝️

🍿 Read / subscribe online: thisweekinreact.com/newsletter/246

⚛️
- Nextjs
- React Router
- TanStack
- StyleX
- MUI
- Storybook
📱
- RN 0.81
- FlashList 2
- Expo 54 beta
- Nitro
- Audio
- StrictDOM

YouTube video by Software Mansion Reanimated 4 live-coding – All you need to know about CSS Transition & Animations | Kacper Kapuściak

Anyone up for a quick Reanimated 4 live-coding with @kacperkapusciak.bsky.social?
Join us tomorrow at 5 PM CEST!
www.youtube.com/watch?v=37Vm...

We did it! You can finally use third-party libraries in worklets - with `react-native-worklets`.

Jump in the thread to learn more 👇

This Week In React #242: Vite RSC, Next.js, NuxtLabs, shadcn, TanStack, Valtio, XState, RHF | Unistyles, Rag, Shadow Insets, Ignite, Metro, RN 0.81 RC | TypeScript, CSS Gaps, Browserlist-rs, Biome, As... Hi everyone! Kacper and Krzysztof from Software Mansion here! 👋

This Week In React 242 - Thanks to @piaskowyk.bsky.social @kacperkapusciak.bsky.social

🍿 Read/subscribe here:
thisweekinreact.com/newsletter/242

⚛️ React
- Vite RSC
- Next.js
- NuxtLabs
- shadcn
- TanStack
- Valtio
- XState
- RHF
📱 RN
- Unistyles
- RAG
- Shadow Insets
- Ignite
- Metro
- 0.81 RC

Introducing React Native RAG We’re excited to introduce React Native RAG. A new library designed to enhance the LLMs capabilities with on-device RAG.

Introducing React Native RAG! 🚀
🔒 Private: Data stays on-device
📲 Offline: Works anywhere, no cloud needed
🔌 Modular: Integrate external LLMs or your own knowledge base
🔧 Extensible: Seamless with React Native ExecuTorch

blog.swmansion.com/introducing-...

Reeeally easy outline interaction using CSS Transitions & Animations ✨

Made with React Native Reanimated 4
@swmansion.com

Source code 👇

This Week In React 239 - Featuring @piaskowyk.bsky.social and @tomekzaw.bsky.social 🤝

Read and subscribe: thisweekinreact.com/newsletter/239

⚛️
- ViewTransition
- Suspense
- TanStack
- Zero
- use-mcp
- Compiler
- Intl-T
📱
- RN 0.80
- Stable APIs
- iOS prebuild
- shadcn + Expo
- InstantDB
- Granite

Struggling with deeply nested views? 🤯

With Radon IDE, you can point-and-click any element in the device preview to open your file at the exact line where this element is defined.

Need to see the bigger picture? Right-click on the element to reveal the full hierarchy of its parent components. 🧩

YouTube video by Software Mansion You Might Not Need react-native-svg #reactnative

The truth is… you don’t always need react-native-svg. 💥
Sometimes there’s just a better way to get the job done. 👀
www.youtube.com/shorts/IiSdp...

Announcing React Native ExecuTorch v0.4.0! 🎉

🧠 More LLMs – Add diverse LLMs to your app
🔧 Tool calling capabilities – Let LLMs interact dynamically with APIs & tools
🔍 Text Embeddings – Convert text to vectors for semantic tasks
🖼️ Image Segmentation — Create masks for objects in images

And more!

The quest for type-safe WebGPU shaders At Software Mansion, we thought: what if we took the idea behind tRPC and React Server Components – sharing types across environments – and applied it to GPU programming? That’s how TypeGPU was born. It’s a TypeScript library for WebGPU API that brings type safety to the CPU–GPU boundary. In this video, we explain how it works and why we built it. Learn more about TypeGPU 👉 https://docs.swmansion.com/TypeGPU/ #TypeGPU #WebGPU #TypeScript #GPUProgramming #SoftwareMansion

At SWM, we thought: what if we took the idea behind tRPC and React Server Components – sharing types across environments – and applied it to GPU programming? 🧠

That’s how TypeGPU was born. It’s a TypeScript library for WebGPU API that brings type safety to the CPU–GPU boundary. 🚀
bit.ly/43qVph7

How to Build a Custom React Renderer? Explore essentials of building your own React renderer, including key steps, implementation details, and tips for integrating with your…

Building a custom React renderer lets you extend React's capabilities to different platforms. 🚀

If you want to learn how to map your own API to React components using react-reconciler, check our article for a deep dive into the process.👇

blog.swmansion.com/how-to-build...

This is Radon AI ✨

A GitHub Copilot Chat but with the latest knowledge of the React Native ecosystem.

Let me know what you think!

Qwen 3 family is shipping with the upcoming 0.4.0 version of React Native ExecuTorch. 🎉

The 1.7B variant reaches 30 tokens per second on iPhone 16 Pro!

Game On: join us for a special event on May 6th, 5pm Zürich time

We came to play

www.youtube.com/watch?v=t9t-...

🚀 Radon IDE 1.5 is out!

🚨🚨 NEW 💬 Radon AI – Chat participant for GitHub Copilot with up-to-date React Native knowledge

And more:
⚡ Improved EAS workflows
📱 Home / App Switch buttons support
🪲 Improved error & exception handling with clickable links
🔧 Support for RN 0.79

"Request failed." Alright, but what’s the cause? Missing headers? Wrong URL? Invalid body? 👀

With Radon IDE’s built-in network inspector, you can spot the issue fast and easily debug network requests.👇

🤯 @piaskowyk.bsky.social showing JS code running faster than C++!

React Native Audio API 0.5 is out! 🔉

- Support for pitch correction on mobile and web
- In memory audio decoding
- A lot of stability fixes and improvements
- Support for react-native-0.78

Check out full relese notes in post below 👇

It’s time for the Llama generation speed benchmark! 🚀

We’ve compared quantized Llama 3.2 1B QLoRA and the full precision model.
Results:
⚡Quantized model: 9.56s
⌛Full precision model: 19.14s

It’s 2x faster with quantization! 📈

Try it yourself with our example app ⭐
github.com/software-man...

Announcing React Native Reanimated 4 🐴

Long-awaited CSS Animations and Transitions support is here! ✨

Available now in Beta.

Read more 👇

This is the most important update to Reanimated since worklets. Really proud of the team 🐎

Following the success of last year's talk on micro-interactions, we are thrilled to announce our first-ever premium workshop, on April 1st, hosted by @piaskowyk.bsky.social and @bbloniarz.bsky.social from @swmansion.com!
Limited seats available!

👉 reactnativeconnection.io

Something's coming.
This week. 🏇

its a header image with the title "State of React Native 2024"

The State of React Native 2024 is now open! 🚨🚨🚨
➡️ stateofreactnative.com

We've been running this survey for 3 years & it's become an invaluable resource for learning about React Native's best features and biggest pain points.
Share your thoughts and help us shape the whole RN ecosystem!

please let me know if you find any regressions related to this change

compared to how it was before:

Hey 👋 I've found the source of that weird issue, and it looks like caching `worklets` can solve the problem. Here's my PR: github.com/software-man... . Now everything seems to run much smoother.