
T.J. Żelawski
@_tjzel
Followers
559
Following
732
Media
32
Statuses
286
Tomasz Żelawski, React Native Open Source Developer @swmansion I do Worklets and Reanimated 🌈 He/Him
Kraków, Poland
Joined March 2023
Just published a library to convert between Animated and Reanimated values. If you use a component that accepts/returns animated/reanimated values, but you use reanimated/animated values, you can now convert the value to the appropriate format. https://t.co/IJRQ6SAP5A
9
19
102
just applied as a speaker to @RNLConf! hope to 𝘴𝘩𝘢𝘬𝘦 up React Native devs so that we don't lose 𝘵𝘰𝘶𝘤𝘩 with reality 😉
3
5
52
.@iwoplaza invites you 🔥to his talk: "TypeScript on the GPU – Bridging the Gap Between Realms." Can’t wait to see you at JSNation US, Nov. 17 & 20!
2
14
80
Mom is going to be proud 😍
🔹Meet the Speakers🔹 Single-threaded JS? Not anymore. @_tjzel (@swmansion) will show how react-native-worklets pushes concurrency in React Native and what happens when you take JS to its multithreading limits. Don’t miss this one 🎟️ https://t.co/45QjgvbuIY
0
0
19
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.
3
6
60
Join me for the Reanimated 4 live coding session here on X and @swmansion YT channel 🎥 We'll be learning the latest and greatest CSS Animations & Transitions 🐎 See you tomorrow at 5:00 PM CEST!
4
13
72
Come and see how the boys cook me 🍳
We're joining @lukasz_app's live stream today to talk about Reanimated 4! 🐎 Come and grill @_tjzel about the future of RN animations today at 5 PM CEST: https://t.co/LH6OVQvDJT
0
0
9
The underlying algorithm got an upgrade as well. It only took me a week of fiddling with the equation to figure out how to reduce the amount of necessary numeric calculations 🥳
One of the most noticeable changes in React Native Reanimated 4 is the change of the default withSpring configuration to a more snappy one👇 We strongly believe that this is a change for the better!
0
0
44
Radon IDE 1.9 is here! 🧪 🌎 Radon Connect: Debug physical devices and external simulators 🏎️ Quickly switch between different project configurations 🎥 Emulate camera output on Android
3
19
140
Code of the app in the clip can be found here https://t.co/vqhQW5huog
github.com
Contribute to software-mansion-labs/Bundle-Mode-showcase-app development by creating an account on GitHub.
0
0
12
If you want to test it in your app, keep in mind that Reanimated 3 doesn't work with standalone `react-native-worklets`. However, a nightly version of Reanimated 4 works just fine.
1
0
6
Libraries that fetch data will also have a hard time - `fetch` is not yet available on Worklet Runtimes. We aim to add it soon™. For now, libraries that focus on the UI are the best bet to use with Bundle Mode - like `react-native-wgpu` or `react-native-live-markdown`.
2
0
7
While the feature allows you to use virtually any library, there are some constraints. For example, some side-effects are problematic. A library that would directly import React Native can't be used on a Worklet Runtime. Don't worry, you will get a friendly error in that case.
1
0
8
Ultimately this will be a plug-and-play solution, without cumbersome configurations. However, it's not that simple. Bundle Mode needs APIs that aren't yet available in React Native. Please give a thumbs up on my PR so we can ship it to React Native faster https://t.co/qqgQWxjGxD
github.com
Summary: With the development of react-native-worklets library I want to align it more with the tools inside React Native ecosystem and reduce the amount of hacks needed to provide multithreading J...
1
0
15
To run it, you need to install `react-native-worklets@bundle-mode-preview` and apply some patches to React Native, which expose additional APIs. The patches are non-invasive and won't change your app's behavior outside of worklets. More in the docs https://t.co/bOKENk2vrh
docs.swmansion.com
Bundle Mode is a feature that gives worklets access to your whole JavaScript bundle - meaning that any code that's present in the bundle can be executed in any worklet and on any runtime. This means...
1
0
17
Every package you import in your application will be available to use in worklets. We call this feature "Bundle Mode". This is so because worklets and your app now share the very same JavaScript bundle.
1
0
17
We did it! You can finally use third-party libraries in worklets - with `react-native-worklets`. Jump in the thread to learn more 👇
15
49
372