Enzo Manuel Mangano
@reactiive.io
Creating tutorials about React Native animations youtube.com/@Reactiive
9. And of course... It's not just about iOS and Android. The web matters too.
You can choose to activate on hover (or on press).
You can choose to activate on hover (or on press).
October 28, 2025 at 4:00 PM
9. And of course... It's not just about iOS and Android. The web matters too.
You can choose to activate on hover (or on press).
You can choose to activate on hover (or on press).
6. createAnimatedPressable requires the worklet keyword, since all styles are animated on the UI thread.
Pressto comes with an ESLint plugin to have you covered if you forget the keyword 👀
Pressto comes with an ESLint plugin to have you covered if you forget the keyword 👀
October 28, 2025 at 4:00 PM
6. createAnimatedPressable requires the worklet keyword, since all styles are animated on the UI thread.
Pressto comes with an ESLint plugin to have you covered if you forget the keyword 👀
Pressto comes with an ESLint plugin to have you covered if you forget the keyword 👀
2. Pressto is built on a simple idea: touchables should feel coherent. It’s not just about adding animations, but about using a consistent animation curve across all interactions.
October 28, 2025 at 4:00 PM
2. Pressto is built on a simple idea: touchables should feel coherent. It’s not just about adding animations, but about using a consistent animation curve across all interactions.
Stop using TouchableOpacity in React Native.
Your app deserves better tap interaction.
🧵 Here's how to fix your touchables with pressto:
Your app deserves better tap interaction.
🧵 Here's how to fix your touchables with pressto:
October 28, 2025 at 4:00 PM
Stop using TouchableOpacity in React Native.
Your app deserves better tap interaction.
🧵 Here's how to fix your touchables with pressto:
Your app deserves better tap interaction.
🧵 Here's how to fix your touchables with pressto:
11. Of course using mass, damping, and stiffness is still helpful when your animation isn’t meant to have a fixed duration (for example, anything connected to a gesture)
October 16, 2025 at 3:46 PM
11. Of course using mass, damping, and stiffness is still helpful when your animation isn’t meant to have a fixed duration (for example, anything connected to a gesture)
9. A dampingRatio greater than 1 -> slow return, no bounce at all 🥲 (overdamped)
October 16, 2025 at 3:46 PM
9. A dampingRatio greater than 1 -> slow return, no bounce at all 🥲 (overdamped)
8. A dampingRatio of 1 → the fastest version with zero bounce (critically damped)
October 16, 2025 at 3:46 PM
8. A dampingRatio of 1 → the fastest version with zero bounce (critically damped)
7. A dampingRatio smaller than 1 → bouncy! (underdamped)
October 16, 2025 at 3:46 PM
7. A dampingRatio smaller than 1 → bouncy! (underdamped)
5. Ironically, v3 matches the duration requirement perfectly, but v4 matches exactly what we expect from a 5-second duration
October 16, 2025 at 3:46 PM
5. Ironically, v3 matches the duration requirement perfectly, but v4 matches exactly what we expect from a 5-second duration
4. Here’s how the same animation looks in Reanimated v4.
October 16, 2025 at 3:46 PM
4. Here’s how the same animation looks in Reanimated v4.
3. It seems like the animation is taking way less than 5 seconds, isn’t it? The point is that the duration also includes the tiny final oscillations (and there are quite a few)
October 16, 2025 at 3:46 PM
3. It seems like the animation is taking way less than 5 seconds, isn’t it? The point is that the duration also includes the tiny final oscillations (and there are quite a few)
2. This is what a 5-second spring animation looks like in Reanimated v3
October 16, 2025 at 3:46 PM
2. This is what a 5-second spring animation looks like in Reanimated v3
Lately I’ve been using a custom Babel plugin to enable Liquid Glass in Demos, following the .liquid.tsx file convention
A quick 🧵
A quick 🧵
October 12, 2025 at 3:04 PM
Lately I’ve been using a custom Babel plugin to enable Liquid Glass in Demos, following the .liquid.tsx file convention
A quick 🧵
A quick 🧵