Enzo Manuel Mangano
@reactiive.io
Creating tutorials about React Native animations youtube.com/@Reactiive
9. Do you see any missing rule? Refined is open source - GitHub ⭐️ github.com/enzomanuelm...
GitHub - enzomanuelmangano/eslint-plugin-refined: An ESLint plugin that cares about visual details
An ESLint plugin that cares about visual details. Contribute to enzomanuelmangano/eslint-plugin-refined development by creating an account on GitHub.
github.com
December 6, 2025 at 4:26 PM
9. Do you see any missing rule? Refined is open source - GitHub ⭐️ github.com/enzomanuelm...
8. Some of these rules might not be obvious, so I went a bit deeper into the reasoning behind them in this blog post reactiive.io/articles/in...
Introducing Refined: optimize your React Native styles by default
An ESLint plugin that enforces React Native styling best practices, so you never forget the small details that make your app shine.
reactiive.io
December 6, 2025 at 4:26 PM
8. Some of these rules might not be obvious, so I went a bit deeper into the reasoning behind them in this blog post reactiive.io/articles/in...
7. spring-config-consistency: enforces that spring animations either have all three spring physics parameters (mass, damping, stiffness) or none of them (quite helpful when migrating from reanimated v3 -> v4)
December 6, 2025 at 4:26 PM
7. spring-config-consistency: enforces that spring animations either have all three spring physics parameters (mass, damping, stiffness) or none of them (quite helpful when migrating from reanimated v3 -> v4)
6. require-hitslop-small-touchables: requires hitSlop prop on touchable elements that are smaller than a configurable threshold (default: 40pt) to improve tap target size
December 6, 2025 at 4:26 PM
6. require-hitslop-small-touchables: requires hitSlop prop on touchable elements that are smaller than a configurable threshold (default: 40pt) to improve tap target size
5. prefer-hairline-width: suggests using hairlineWidth for border widths less than or equal to a configurable threshold (default: 0.3)
December 6, 2025 at 4:26 PM
5. prefer-hairline-width: suggests using hairlineWidth for border widths less than or equal to a configurable threshold (default: 0.3)
4. avoid-touchable-opacity: your react native app deserves better tap interactions. I'd recommend pressto as the default option
x.com/reactiive_/...
x.com/reactiive_/...
December 6, 2025 at 4:26 PM
4. avoid-touchable-opacity: your react native app deserves better tap interactions. I'd recommend pressto as the default option
x.com/reactiive_/...
x.com/reactiive_/...
3. prefer-box-shadow: this is not about having clean code - it helps you support beautiful shadows on Android too! (requires newArch)
December 6, 2025 at 4:26 PM
3. prefer-box-shadow: this is not about having clean code - it helps you support beautiful shadows on Android too! (requires newArch)
2. border-radius-with-curve: always prefer adding borderCurve property when borderRadius is specified. It makes your corners a bit smoother (iOS only)
December 6, 2025 at 4:26 PM
2. border-radius-with-curve: always prefer adding borderCurve property when borderRadius is specified. It makes your corners a bit smoother (iOS only)
1. Why? Small details compound. Some of these tips may sound trivial, but how many times have you forgotten about them? Refined has you covered.
December 6, 2025 at 4:26 PM
1. Why? Small details compound. Some of these tips may sound trivial, but how many times have you forgotten about them? Refined has you covered.
Source code 👇 github.com/enzomanuelm...
GitHub - enzomanuelmangano/demos: An ongoing collection of React Native animations crafted with Reanimated, Gesture Handler, and Skia.
An ongoing collection of React Native animations crafted with Reanimated, Gesture Handler, and Skia. - enzomanuelmangano/demos
github.com
December 1, 2025 at 3:33 PM
Source code 👇 github.com/enzomanuelm...
Hope this roadmap sounds interesting to you! And of course, all updates will always be included at no additional cost for existing members.
→ reanimate.dev
→ reanimate.dev
Reanimate.dev
Dive deep into the world of React Native animations with this course, designed to guide you from the fundamentals to advanced techniques
reanimate.dev
November 28, 2025 at 10:44 AM
Hope this roadmap sounds interesting to you! And of course, all updates will always be included at no additional cost for existing members.
→ reanimate.dev
→ reanimate.dev
6. Easing and Springs: I prioritized core principles over details in the tutorials. But with AI simplifying how animations are built, understanding how to prototype the right animation curve is more essential than ever for achieving great results.
November 28, 2025 at 10:44 AM
6. Easing and Springs: I prioritized core principles over details in the tutorials. But with AI simplifying how animations are built, understanding how to prototype the right animation curve is more essential than ever for achieving great results.
5. Why do we need specific animations? The course dives deep into how to tackle common animation patterns, although there is still significant potential to better explain why and where certain animations are needed.
November 28, 2025 at 10:44 AM
5. Why do we need specific animations? The course dives deep into how to tackle common animation patterns, although there is still significant potential to better explain why and where certain animations are needed.
4. Written content: The course includes tutorials and a short written section for each video (including the chapters). However, I believe that adding interactive previews could make it more valuable, and I plan to include more of them.
November 28, 2025 at 10:44 AM
4. Written content: The course includes tutorials and a short written section for each video (including the chapters). However, I believe that adding interactive previews could make it more valuable, and I plan to include more of them.
3. Reanimate.dev has been my only course for the past year, and I don’t plan to create any others. Improving its value is my priority for 2026.
Over the coming weeks/months, I plan to improve the course by addressing the following points 👇
Over the coming weeks/months, I plan to improve the course by addressing the following points 👇
Reanimate.dev
Dive deep into the world of React Native animations with this course, designed to guide you from the fundamentals to advanced techniques
reanimate.dev
November 28, 2025 at 10:44 AM
3. Reanimate.dev has been my only course for the past year, and I don’t plan to create any others. Improving its value is my priority for 2026.
Over the coming weeks/months, I plan to improve the course by addressing the following points 👇
Over the coming weeks/months, I plan to improve the course by addressing the following points 👇
2. The videos were recorded using Reanimated v3, but all of them are supported in Reanimated v4, and the code is maintained with the latest Expo SDK (currently v54)
November 28, 2025 at 10:44 AM
2. The videos were recorded using Reanimated v3, but all of them are supported in Reanimated v4, and the code is maintained with the latest Expo SDK (currently v54)
1. The course offers ~10 hours of tutorials on mastering Reanimated, Gesture Handler, and React Native Skia.
All the animations built in the course are meant to be educational and to explain specific primitives.
It’s about the process, not about the product.
All the animations built in the course are meant to be educational and to explain specific primitives.
It’s about the process, not about the product.
November 28, 2025 at 10:44 AM
1. The course offers ~10 hours of tutorials on mastering Reanimated, Gesture Handler, and React Native Skia.
All the animations built in the course are meant to be educational and to explain specific primitives.
It’s about the process, not about the product.
All the animations built in the course are meant to be educational and to explain specific primitives.
It’s about the process, not about the product.
Thank you! This looks amazing 🙌
November 16, 2025 at 11:38 AM
Thank you! This looks amazing 🙌
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).
8. You can always access your theme data (or any other data) and use it to animate components according to your app’s theme.
October 28, 2025 at 4:00 PM
8. You can always access your theme data (or any other data) and use it to animate components according to your app’s theme.