Post

T.J. Żelawski
@tjzel.dev

We did it! You can finally use third-party libraries in worklets - with `react-native-worklets`. Jump in the thread to learn more 👇

6 reposts28 likes

T.J. Żelawski
@tjzel.dev

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.

T.J. Żelawski
@tjzel.dev

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 docs.swmansion.com/react-native...

docs.swmansion.comBundle Mode | React Native WorkletsBundle 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 t...
T.J. Żelawski
@tjzel.dev

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 github.com/facebook/rea...

github.comproposal: BundleConsumer interface for TurboModules by tjzel · Pull Request #50788 · facebook/react-nativeSummary: 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...
T.J. Żelawski
@tjzel.dev

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.