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.
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.
why use expo plugin if you can use the website instead downloadmoreram.com
My talk titled "Your GPU is a JavaScript Runtime*" just landed on YouTube! 👨💻
I answer WHY and HOW we compile JS/TS to WGSL, how it improves interop for the whole ecosystem, and the added dimension of customizability it unlocks for WebGPU libraries
Video below ⬇️
#webgpu #typegpu #typescript
It's our biggest one yet!
sadly it's literally impossible to make a 100% working anti-cheat
Code of the app in the clip can be found here
github.com/software-man...
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.
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`.
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.
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...
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...
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.
We did it! You can finally use third-party libraries in worklets - with `react-native-worklets`.
Jump in the thread to learn more 👇
Announcing Node-API Support for React Native
callstack.com/blog/announc... #reactnative #nodejs
The truth is… you don’t always need react-native-svg. 💥
Sometimes there’s just a better way to get the job done. 👀
www.youtube.com/shorts/IiSdp...
I wish I could just pay for 30 days upfront without subscribing
This is Radon AI ✨
A GitHub Copilot Chat but with the latest knowledge of the React Native ecosystem.
Let me know what you think!
I loved the Revolver but wth was that Number9 thing
@samuel.bsky.team can we have a better separation between "Show more like this" and "Show less like this"? The buttons are quite small and I often fat-finger the wrong one trying to customize my feed 😢
There's an RFC for the new `react-native-worklets` library in case you missed it 🚀 github.com/software-man...
We've been cooking 🧑🍳
Made me think of
AnimationFrameBatchinator::JsiRequestAnimationFrame AnimationFrameBatchinator::getJsiRequestAnimationFrame() { return [weakThis = weak_from_this()]( facebook::jsi::Runtime &rt, const facebook::jsi::Value &callback) { const auto strongThis = weakThis.lock(); if (!strongThis) { return; } strongThis->addToBatch(callback); strongThis->flush(); }; }
C++ enjoyers, is there some syntax sugar to reduce boilerplate of `weak_ptr` locking in memory-safe lambdas referencing `this`?
I'm tired of making the `return` block everytime and I don't want to nest either.
People digging up stuff like this is why I love open source.
github.com/facebook/her...
The issue sounds bizarre and funny, but when you think about it, it might actually affect you under the most unexpected circumstances.
embrace Patch Package Driven Development
Hi William 👋
You can install it using the 'next' tag:
react-native-reanimated@next
We have just released an RC version of Reanimated, 3.17.0-rc.0 🥳
It has significant changes in the native code structure. It's an important milestone for our goal of moving Worklets to a separate library.
If you can, please check if it compiles in your project 🙏
All feedback is welcome!
@danabra.mov is working too fast for us Reanimated developers to catch up with him 😅
The @swmansion.com elephants love my kids 👶