Oskar Kwaśniewski
@o_kwasniewski
Followers
3,317
Following
442
Media
282
Statuses
1,415
Building React Native for visionOS at @callstackio 🥽 @reactnative Core Contributor, Creator of 📱
Poland
Joined July 2016
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Hamas
• 848851 Tweets
Ali Koç
• 244370 Tweets
Aziz Yıldırım
• 228128 Tweets
Fenerbahçe
• 217793 Tweets
Colombia
• 150685 Tweets
200 Palestinians
• 114704 Tweets
#CanadianGP
• 99126 Tweets
Perez
• 84587 Tweets
Maria da Conceição Tavares
• 75814 Tweets
Lewis
• 69299 Tweets
Olympics
• 67776 Tweets
Russell
• 67516 Tweets
Crazier
• 50345 Tweets
Hamilton
• 43056 Tweets
Pedri
• 42175 Tweets
Newport Beach
• 40447 Tweets
Ferrari
• 40138 Tweets
#StaracademyTour
• 31851 Tweets
Logan
• 30184 Tweets
#kimmich_to_alahli
• 28825 Tweets
Verstappen
• 27557 Tweets
Lamine
• 25460 Tweets
عمرو دياب
• 22416 Tweets
Leclerc
• 21517 Tweets
Paul Ryan
• 20805 Tweets
GETAWAY CAR
• 17749 Tweets
ロックの日
• 17264 Tweets
Red Bull
• 15338 Tweets
Pence
• 15033 Tweets
Ahmet Selim Kul
• 12701 Tweets
Sainz
• 12566 Tweets
コイン当選確率
• 11604 Tweets
対象の連載作品
• 11472 Tweets
Pinned Tweet
Today is the day! Apple Vision Pro is out and React Native is ready! 🥽
We just released React Native visionOS 0.73 🚀
I wrote a blog post on how you can get started ⬇️
43
228
2K
The first version of React Native Vision OS is out! 🎉🥽
You can init your project using this command:
`npx
@callstack
/react-native-visionos init MyApp`
We are still in the early stages of development. If you encounter any bugs, please don't hesitate to open a new issue 🙏
36
224
1K
React Native running on Apple Vision Pro simulator 🥽
It supports the native visionOS SDK rather than running the app in the compatibility mode called "Designed for iPad". You can tell it by the glassy effect on the rendered window.
More details soon 🚀
32
108
730
My first
#ReactNative
library is here! 🚀
React Native Menubar Extra allows you to easily add MenuBar to your React Native MacOS app. 🖥️
Features:
- Nested items 💻
- Separators 🗂️
- SF Symbols 🙌
- Supports New architecture 🚀
Checkout repo here ⭐️:
17
46
416
I've been thinking about creating a React Native MacOS library that would allow you to easily create Menu Bar apps / extend your existing app with a menu bar 🙌
Today, I've got a really basic setup working:
11
31
376
React native visionOS 0.73.4 is out! 🥽
Highlights:
- New 𝚇𝚁 API to control immersive experiences
- Many bug fixes
Here is a demo of 𝚇𝚁 API, opening ImmersiveSpace:
4
32
243
Working on complete rewrite of react-native-pager-view for iOS! ♻️
This is a sneak peek of the new implementation that's based on UIScrollView.
You can read more about the reasoning behind it here (by
@Tr0zZe
):
8
12
240
React Native visionOS + Reanimated + React Navigation 🚀
PR for reanimated dropping soon ✨
7
20
209
Side by side example React Native visionOS vs React Native (in compatibility mode).
As you can see, the difference is huge, it's not only the app's background but also UI elements that look and behave differently.
If you plan to ship for visionOS do it the right way 🥽
9
19
201
Monorepos are fun. But have you tried setting one up for code sharing between React and React Native without duplicating deps?
I’ve created an article to cover this very topic using Yarn workspaces. Here is a thread summarising this article ⬇️
7
30
191
In the latest nightly version of React Native there is a huge boost in build speed using new arch on Android 🚀🏎️
Combined with the `--active-arch-only` flag we went from around 9 minutes to ONLY 3 minutes 👀🔥
Try it out yourself with: `yarn android --active-arch-only`
5
27
183
When designing multi-window APIs one of the challenges we encountered was sharing data between windows, as each one is a separate React Native root.
Non-context-based state managers work like a charm, here is an example of using Zustand:
5
13
185
🚀 POC of multi-window apps support in
#ReactNative
.
This feature will enhance Apple Vision Pro and iPad's multitasking capabilities, providing a smoother and more versatile app experience.
Stay tuned for the upcoming RFC 🎉
6
27
185
Apple Vision Pro running
#ReactNative
and
@HermesEngine
🚀
After tweaking a few things inside of CMake and RN build phases I've finally managed to build React Native with Hermes enabled 🎉
Check out the repo here:
3
25
178
React Native will soon be a Monorepo! There is an open PR with migration 🚀
It's still a work in progress, currently at 3,763 files changed 🤯
Check it out here:
4
24
176
React Native Menubar Extra 0.3.0 has been released!🚀
- Title prop for MenuBarExtraView 🖥️
- KeyEquivalent and KeyEquivalentModifierMask for MenuBarExtraItem ⌨️
- Bug fixes 🐛
⭐️ Star the library on GitHub:
1
22
175
New version of React Native VisionOS is out!
We did some cleaning, extracted code to separate packages (
@thymikee
🚀), and finally changed the background color which now has a translucent look (!)🙌
You can check our work here ⭐️:
7
22
171
My menubar app MiniSim is here! 🔥🚀
Features:
- Quickly launch iOS/Android emulators 📱
- Keyboard shortcuts friendly ⌨️
- Cold boot android emulators ❄️
- Launch emulators without audio 🎧
- Support for MacOS 11🛠️
- More to come!
You can get it here:
9
28
170
React Native visionOS + Model3D + Reanimated + Gesture Handler 🔥
All animations are driven by Reanimated without ANY frame drops ✨
The Model3D library is still in the works but I hope to release it soon 😄
6
24
170
I've been playing around with SwiftUI and created this little Menu bar app 🛠️
It allows you to launch Android 🤖 and iOS emulators directly from the menu bar and it supports keyboard shortcuts ⌨️
9
16
168
React Native visionOS 0.73.6 is out! 🎉
Highlights:
→ WindowManager API to manage multi-window experiences 🪟
→ XR API now allows you to pass props ✨
→ HoverEffect prop is now cursor: pointer 👉
→ Many bug fixes 🐛
7
19
153
New 𝚂𝚙𝚊𝚝𝚒𝚊𝚕 API coming soon to React Native
#visionOS
✨
> 𝚂𝚙𝚊𝚝𝚒𝚊𝚕.𝚘𝚙𝚎𝚗𝙸𝚖𝚖𝚎𝚛𝚜𝚒𝚟𝚎𝚂𝚙𝚊𝚌𝚎("𝚜𝚙𝚊𝚌𝚎𝙸𝚍")
More on this soon 🥽
6
19
143
My new library react-native-model3d is out! 🚀
It lets you render a 3D Model from USDZ files on visionOS (iOS coming soon)! 🥽
PS. You will see it at
@reactjs
Conf 👀
6
20
142
Introducing "Spatial Noise" a small app for focus and calm in your Apple Vision Pro! 🥽
- 15+ sounds from different categories 🎼
- Beautiful native interface ✨
Oh, and it's built with React Native visionOS 💙
8
15
140
Apple Vision Pro running
#ReactNative
RNTester app!
APIs like Share Sheet "break" outside the bounds, providing a more immersive experience 🥽
Also, DevMenu is now working ✅
3
18
133
v0.8.0 has been released 🚀
- Added support for iOS or Android *only* workflows (looking at you native devs 😏)
- A lot of code improvements! 📈
- MacOS Sonoma updates ⛰️
Thanks to everyone who contributed 🎉
0
21
133
I had a pleasure to work on migrating React Native Slider to Fabric in a backwards compatible way. Thanks to Bartosz Klonowski and
@thymikee
for making that happen and also to Dmitry Stadnik for helping out as well. Fabric support is now released in v4.3.0
2
12
123
React Native Event Bubbling 🫧
One of key RN components: TextInput is using bubbling to trigger the `onChange` event. ⌨️
Which means that on every key press React is traversing your App tree and trying to call the onChange event on parent.
We can observe this on the video:
4
16
125
Minisim 0.4.0 is out! 🎉 (App for launching iOS and Android simulators and more 😄)
A lot of new stuff:
- Indicate booted devices 🏃♂️
- Focus devices using a11y API 👀
- Notifications on text copy 📋
Get it here: (or through in-app updates)
6
18
123
Today during
@callstackio
Upskilling Day with
@Tr0zZe
and
@k_rozniata
we've been exploring the power of JSI!
Here is an example of calculating a Fibonacci sequence on the background thread without blocking the JavaScript thread.
7
14
123
Hermes now supports visionOS 🥽🚀
Huge thanks to the Hermes team for helping to get this merged 🙏
3
12
123
React Native brownfield integrations on iOS just got way easier! ✨
Introducing `RCTRootViewFactory`, which encapsulates the logic of creating RN root views into a factory pattern.
It's my biggest contribution to React Native, thanks to
@CipolleschiR
for reviewing 🙏
6
10
117
My Blog post: "Creating a MenuBar app with React Native" is up! 🚀
Check it out here:
2
23
116
Today I've got hover style effects working for
#ReactNative
running on Apple Vision Pro 🎉
Still working on an easy to use API to define hover styles like shape and style 🥽
2
10
114
If your React Native app supports iPad you should check out this blog post!
React Native 0.74 contains a new `cursor: "pointer"` style, which allows you to add hover effects to views! 🚀
I worked on this together with
@SaadNajmi
🎉
3
12
112
11
14
156
4
14
111
This is how easy React Native Brownfield on iOS will be starting from React Native 0.74 ✨
This supports old architecture, new architecture, and bridgeless.
Before this would take around 100 lines of code that you need to maintain.
Blog post coming soon
5
17
111
React Native visionOS App is ready for review 🥽
During deployment, I encountered a few issues that I will tackle next week to make your experience smoother 😄
7
2
106
This masterpiece of a utility will never stop impressing me 😅
(It's deprecated but still works great)
5
14
107
New release of React Native visionOS! 🥽
This one is special because it uses SwiftUI as the entry point to your app ✨
New apps created with CLI will be using this integration. Future updates will bring support for launching immersive spaces 🚀
4
9
107
React Native visionOS documentation is live! 📚
- Built using
@docusaurus
🦖
- Getting Started section 💡
- API Reference 📖
- More guides coming soon 🤞
↳
3
14
106
Time files 👀
After 17 months from my first PR to
#ReactNative
core and 35+ PRs, I've got the "Core Contributor" status! 🚀
Today my first PR got merged to
@reactnative
core! It’s a small bug fix but it still feels great! 😄
0
0
3
6
7
105
Exciting update! ✨
React Native
#visionOS
🥽 now has new CLI commands:
- 𝚛𝚞𝚗-𝚟𝚒𝚜𝚒𝚘𝚗𝚘𝚜
- 𝚋𝚞𝚒𝚕𝚍-𝚟𝚒𝚜𝚒𝚘𝚗𝚘𝚜
- 𝚕𝚘𝚐-𝚟𝚒𝚜𝚒𝚘𝚗𝚘𝚜
All thanks to a recent initiative of bringing OOT platforms support to React Native Community CLI 🙌
3
11
104
tip: use `xcbeautify` to make your xcodebuild CI output a lot more readable👀
Also if you `brew install xcbeautify` locally it gets picked up by
#ReactNative
CLI and shows up a nicer output when you execute `run-ios` command 🚀
4
21
104
Showcasing React Native visionOS in person at
#reactconf
was a great experience 🥽
Lots of “wows” from the developers 💙
4
9
102
React Native visionOS got nominated to React Open Source Awards! 🥽🚀
4
7
102
📱 Tip
You can create custom commands to speed up your workflow. Here is an example for React Native Metro:
1. Go to Preferences
2. Create a new command and paste this:
$𝚊𝚍𝚋_𝚙𝚊𝚝𝚑 -𝚜 $𝚊𝚍𝚋_𝚒𝚍 𝚛𝚎𝚟𝚎𝚛𝚜𝚎 𝚝𝚌𝚙:𝟾𝟶𝟾𝟷 𝚝𝚌𝚙:𝟾𝟶𝟾𝟷
0
9
101
React Native Menubar Extra is now on React Native directory! 🎉
2
7
99
Store concept UI using React Native visionOS 🥽
And a small library that I'm cooking as a side project that will allow you to display 3D Models from USDZ files in your UI ✨
7
7
97
The best thing about React Native is that it allows you to seamlessly integrate with native UIs.
Here is an example of two React Native root views running inside of SwiftUI TabBar component 🚀
3
7
96
React Native visionOS multi-window support will add:
- Data sharing powered by Swift Observation 👀
- Ability to pass data to Immersive Spaces 🪐
- Ability to pass/update window props (Including SwiftUI windows) ♻️
- Close windows programmatically
3
9
95
New article is out! 🎉🔥 This time it's about New Architecture in
#ReactNative
🚀
If you would like to know more about:
- What's new architecture? 🆕
- Migration of existing libraries ♻️
- Ways to speed up the process 🏎️
Check this out:
3
27
94
My article about setting up React Native Monorepo with Yarn Workspaces on
@callstackio
blog got updated to
#ReactNative
0.71 🎉
Check it out here:
4
15
94
My article about setting up React Native Monorepo with Yarn Workspaces just got updated with a section about Metro symlink support 🔗🎉
Check it out:
3
12
93
React Native visionOS 0.74 is out! 🥽
It contains enhancements (over 1600 commits) from upstream! 🚀
1
15
92
React Native visionOS reached 2k weekly downloads! 🤯
2
5
92
0.6.0 - menubar app to launch emulators is out! 🚀
NEW: Custom commands ✨
- Create your own menubar commands with ease. 👨🏻💻
- You can customise MiniSim to fit your workflow 🌍
- And also other minor improvements 🐛
Bellow you can find example use cases
3
19
88
MiniSim 0.5.0 is out!
✨ New onboarding experience
✨ Clean derived data
🐛 Bug fixes for custom setups
You can get it here:
0
7
86
🧪 Experiments with React Native visionOS + ImmersiveSpaces
I'm using brownfield SwiftUI + RealityKit to render ImmersiveSpace but that's the superpower of React Native (you expect some of those features in JS soon) 🚀
⭐️ Star the repo here:
2
18
87
Yesterday at
@callstackio
workshops together with
@dratwas
and
@Tr0zZe
we've been exploring new SwiftUI Charts in React Native!
This was accomplished using `UIHostingController` + `ObservableObject` inside a native module.
1
5
85
Making some progress on multi-window support in React Native visionOS 🥽
𝚇𝚁.𝚘𝚙𝚎𝚗𝚆𝚒𝚗𝚍𝚘𝚠('𝚂𝚎𝚌𝚘𝚗𝚍𝚆𝚒𝚗𝚍𝚘𝚠', {𝚍𝚊𝚝𝚊});
Still a lot of edge cases to fix 😅
3
10
84
You can easily extend your existing React Native app with React Native visionOS and re-use most of your code 🚀
I've created a guide on this topic:
2
13
84
React Strict DOM got popular recently, so I've been curious can we use semantic HTML tags. Here's the answer: YES! 😇
1
1
34
2
8
81
New blog post is out 🚀
Learn how you can bring existing React Native libraries to
#visionOS
and contribute to Open Source! 🥽
3
16
81
500 stars in the React Native visionOS repo! ⭐️
Thanks to everyone trying out the releases and contributing! 🙌
3
4
79
Tip: If you have a React Native MacOS MenuBar app you can set `hasFullSizeContent` on NSPopover for MacOS 14+.
This expands your RN view to also render content in the arrow, which looks a lot better✨
More on this in an upcoming blog post
4
6
74
New version of MiniSim - (menubar app for launching iOS / Android emulators) is here 🚀
In version v0.3.0:
- Paste clipboard to emulator ⌨️
- Minor bug fixes 🐛
You can get it here:
6
10
72
Recently we've introduced multi-window support in React Native visionOS 🥽
I wrote a blog post that discusses building a multi-window application that shares data between windows.
Example:
3
11
74
I'm coming to
@RenderATL
to talk about React Native visionOS this June! 🥽
Let me know if you are coming 👋
5
9
73
Did you know that React Native TurboModules are stored in a dictionary-like structure that you can retrieve from the global property?
This allows you to do something like this:
global.__turboModuleProxy("DevMenu").show()
This code will call the DevMenu built-in module 😄
3
3
67
Together with Mario Pasiński (
@mani3xis
) we got bgfx working on Apple Vision Pro! 🚀
It's a rendering library powering Babylon React Native (
@babylonjs
) 👀
Expect some exciting 3D stuff coming soon 🎉
6
9
62
Perfect time to check out 𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚟𝚒𝚜𝚒𝚘𝚗𝚘𝚜 and get your app ready for upcoming release 🚀
⭐️
The era of spatial computing has arrived! Apple Vision Pro is available in the US on February 2.
2K
7K
43K
1
11
62
We got
@babylonjs
(native) rendering in Immersive Space on Apple Vision Pro! 🚀
🚧 This is still a work in progress but I hope you will be able to try it soon!
4
7
62
New release of react-native-tab-view 🎉
It addresses some performance issues when using material-top-tabs. More to come 🙌
0
11
60
I’ve decided to try something new and work from a Coffee shop today ☕️
Currently working on RFC for TabView’s new API ✌🏻
3
1
54
Last week I took a quick detour from working on RN visionOS and prepared react-native-slider to work on bridgeless/new arch!
Now slider properly measures its size thanks to C++ Shadow Nodes 📏
3
5
54
v0.6.1 released! 🥳
Now MiniSim shows the OS version of iOS simulators which fixes bugs that may appear after installing Xcode 15 beta.
You can get the app here:
2
5
52
If you want to start your OSS journey and contribute to
#ReactNative
here is an awesome umbrella issue with a goal to improve Kotlin support in React Native 🎉
2
10
53
SwiftUI entry point to React Native visionOS apps 🥽
Defining new windows will be as easy as adding three lines of code and passing additional module name.
1
4
52
Any clues on what might have caused this spike in react-native-visionos downloads? 😮
It went from ~700 to ~7k 👀
6
3
51
React Native visionOS 0.73.10 has been released!
Together with
@thiagobrez
we created a new API to handle deep links and universal links straight from SwiftUI 🙌
0
9
52