I made a video explaining, step by step, how to implement the new Liquid Glass bottom tabs in your Expo app! Link: youtu.be/L5f8Gy91Gv4

Performance isn't magic—it’s patterns. @kwasniew.ski walks through practical React Native optimizations you can use today. Think React Compiler, FPS tips, Hermes configs Watch the full talk 🎥 BS clstk.com/4mJuxR5

Working on my slides for @callstack.com React Universe meet-up next week in San Francisco 🌉 Let me know if you want to grab a coffee in SF ☕️

There’s a new speaker in the lineup at the React Universe Meetup, San Francisco! @kwasniew.ski is bringing 🔥 from The Ultimate Guide to React Native Optimization 2025. Think: — DevTools deep dives — React 19’s use & useOptimistic — View flattening magic 📍Sign in → callstack.com/events/react...

🔜

Why settle for “almost native” when you can go fully native? Integrating SwiftUI with React Native, you can use native components (like Slider and TabView) while keeping the power of React’s architecture. Read a step-by-step guide by @kwasniew.ski 📖 hubs.li/Q038zpVL0

The new version of React Native Bottom Tabs is out! 🎉 A new highly anticipated feature: Custom JavaScript Tabs! ✨ Provide your custom tab bar while leveraging native navigation underneath 🚀 Here is a demo of it in the 🦋 app! This demonstrates smooth screen transitions using native animations!

After more than 3 years of stop, the “S” project has started again. Stack: - Expo - Expo-Router - React Native Bottom Tabs @kwasniew.ski ❤️ - Tamagui - GraphQL - Codegen

💅 Level up your React Native app's UI with beautiful bottom tabs! This blog post from @kwasniew.ski walks you through the creation of stunning bottom tabs that adapt to the interfaces of different platforms (tvOS, visionOS, iOS, Android, iPadOS, macOS). expo.dev/blog/how-to-...

Got native iOS bottom tabs in RN to become opaque on scroll to edge, thanks to @kwasniew.ski Achieved the native behavior where the header or bottom tab fades at the scroll edge. Header's code is inspired by @bacon.bsky.social's tweet. Looks good, but needs a few workarounds. See it here 👇

React Native visionOS 0.77 is out 🎉 This release contains all the changes from React Native 0.77 🚀 If you are upgrading, check out the release notes for additional instructions! https://buff.ly/3PO0JDN

React Native TV 0.77 is out! github.com/react-native...

Here is an example of using multiple windows on iPadOS with React Native! ✨ Thanks to React Native Factory integrating this became a lot easier and now I'm working on first-party support for this feature! 👀

Legend List 1.0 beta is ready! It started as a performance experiment, but it ended up solving a lot of the major issues with lists in React Native. 🎉 ✨ Better perf than FlashList ✨ maintainContentVisiblePosition ✨ Bidirectional infinite lists ✨ Chat UI without inverting

A new version of React Native Bottom Tabs 0.8.0 is out! 🎉 Lots of work went into this release: - Complete refactoring of Android view management ♻️ - New Android Page Transitions ✨ - Material You support 🎨 - Other bug fixes 🔧

Solving issues around Swift’s modular headers in React Native can be challenging 👀 In this article, I’m going over a few solutions that will help you resolve them! Check it out ⬇️ https://buff.ly/3DZmDkY

Android's Material You was introduced with Android 12, yet many apps still don't leverage this feature 🤔 Here is a showcase of React Native Bottom Tabs + Material You theming changing based on system appearance ✨

Big tip of the hat to the react-native releases crew. I track their releases with rigorous build testing to ensure react-native-firebase builds cleanly. Zero issues with the upcoming 0.77 release through entire rc cycle. react-native 0.77.0 full release coming soon and I'm looking forward to it!

React Native ❤️ Apple Vision Pro, says @kwasniew.ski, but is the feeling mutual? 😈 Discover Oskar's work on visionOS, and get ideas how to leverage React Native's full capabilities in universal apps: hubs.li/Q030Yr490

Can it be done in React Native, yes! At WWDC 2024, Apple added a new API for creating custom UI effects using Metal shaders. I wanted to see if you could do the same with React Native. With react-native-skia, you can! Left is the Apple demo, right is skia on react-native-macos 😃

Success! For Christmas this year, I got React Native Skia working on macOS! Along the way I learned quite a bit about Shaders, WebGPU, and just how extensively Skia is used. It's such an interesting space! I'm glad there are still new things to learn in UI dev 😎

Meet Fabrice AI - functional framework for building AI agents. While building Cali, I needed something stateless that can work on the server, inside CLI, breakdown complex tasks, and be simple. Couldn't find one, so I built one. Give it a try! github.com/callstackinc...

Another TIL 📚 When defining platforms in your library .podspec file it's better to specify them individually. I thought it didn't make any difference until I ran into some weird compilation issues on macOS due to some odd flags passed by cocoapods 🫠 Thanks @saadnajmi.bsky.social 🙏

React Native visionOS 0.77 RC0 is out! 🎉🥽 github.com/callstack/re...

Hey @grabbou.com and @kwasniew.ski you got a shoutout in the latest Bytes.dev - when next release? 😎 bytes.dev/archives/345

RN 0.77 enters the release candidate phase! 🥳 And it includes 17 commits from our engineers: @kwasniew.ski, @robpasinski.bsky.social and @tell_me_mur 👏

Exciting new project introduced by @grabbou.com & @kwasniew.ski: Cali - a new AI Agent that can help you with everything React Native! 🎉 It takes all the utilities and functions of a React Native CLI and exposes them as tools to an LLM. Try Cali today: `npx cali`

🪄 Meet Cali: An AI agent for building React Native apps! Cali can build your project, manage your devices and emulators, help you find and install a library and more... Try Cali today! `npx cali` Powered by @vercel.com AI SDK. Hacked by me and @kwasniew.ski 💜

> How much space should native build cache take? > Yes Every week I need to run `mac-cleanup` 😅

Want to bring React Native into your existing app? In my latest blog post, I share a detailed guide on how to seamlessly integrate the latest React Native version into your existing iOS and Android apps! www.callstack.com/blog/how-to-...

React Native Bottom Tabs 0.6.0 has been released! 🎉 It separates React Navigation integration to a new package, ` @bottom-tabs/react-navigation`. ⚠️ The next version will drop support for React Navigation v6 ⚠️ github.com/okwasniewski...

I got a working POC of adaptive navigation using Jetpack Compose for react-native-bottom-tabs 👀 Depending on the size of your Android device it changes from bottom tabs -> navigation rail -> navigation drawer 🎉 It's already working pretty well!

React Native visionOS 0.76.2 has been released! 🎉 Also the "early development badge" has been removed from the docs 👀

I like emojis in (conventional) commit messages 😅 So I've added `npx devmoji` as part of my commit lint, it's pretty cool:

Not so long ago I did my first PR to `react-native` 🥹

This Week In React 209 Read/sub here thisweekinreact.com/newsletter/209 ⚛️ - Next.js - Compiler - react-server - Motion - Remix - Storybook - Toldo - state-in-url - ImmutableJS 📱 - Expo 52 - Screens - Skia List - Godot - Audio - Edge-to-Edge - Windows - True Sheet - Nitro - Worklets

Built-in support for SwiftUI in Expo Modules could look like this 👀

Thanks to the new react-native-bottom-tabs repo from @kwasniew.ski , I can now finally drop this old component from RNTV github.com/react-native...

React Native Bottom Tabs 0.5.0 is out 🚀🎉 - SVG Support 🖼️🥳 - Remote icon assets 🌐 - Custom fonts, label styles 🎨 - Bug fixes 🐛

SVG icons loaded from remote URL! 🚀

Loading SVGs will be supported in next Bottom Tabs release! 🎉 Here is a small sneak peek:

React Native Bottom Tabs + SVGs 👀 I created a POC of loading SVGs as tab icons. It's using SDWebImage on iOS and Glide for Android. I'm going to test it a bit more but probably SVG support will be out soon!

I switched from Arc Browser to Zen Browser 👀 Lets see how it goes, hopefully it works well during meetings (as Safari wasn't working too good with Google Meet) 😅

react-native-edge-to-edge version 1.1.0 is now available, featuring edge-to-edge variants of the MaterialComponents and Material3 parent themes! 🎉 github.com/zoontek/reac... When combined with rn-bootsplash and rn-bottom-tabs, achieving this look is seamless and hassle-free 😌

Expect react-native-edge-to-edge 1.1.0 this weekend. It comes with 2 new parent themes: Theme.EdgeToEdge.Material3 and Theme.EdgeToEdge.Material2 I'm also currently working on a proposal to add edge-to-edge directly in RN core.

Really?? 😆

Edge-to-edge Modal support has been merged in React Native 🎉 github.com/facebook/rea...

After the long wait, React Navigation 7 is here 😍 📷 Highlights - Static API - Preloading screens - Layout props - useLogger devtools - Searchbar for more navigators - Sidebar and animations in Bottom Tabs - Drawer Layout package And more... Blog post reactnavigation.org/blog/2024/11...

This Week In React 208 ⚛️ - Compiler - Next.js - Docusaurus - TanStack - Actions - nuqs - StyleX - Storybook - next-link-validate - uikit 📱 - React Navigation - Shopify - Nitro - CocoaPods - VisionCamera - Reanimated - Maestro - BottomTabs Read online or by ✉️ thisweekinreact.com/newsletter/208

React Native Bottom Tabs 🤝 React Native Screens! Here is an example of Native Stack and Native Bottom Tabs working together on both platforms! 🎉 This combo allows you to build apps that feel truly native.