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
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...
Thatβs so cool! π
π
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! π
Hey, yes it does ππ»
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
Nice, thanks for adding it! π
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!
Hmm, I think this should work automatically without adding a bridging header, for example, React Native doesn't ship any bridging headers but you can `import React` in AppDelegate.swift π€
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