Shout-out to our speakers: @mironcatalin.bsky.social, @tkdodo.eu, Zarif Abdalimov, and @chmal.it.
Meet @mironcatalin.bsky.social. He’ll shine a light on React Native animations. Smoother flows, micro-interactions, and UI polish that feels alive. ✨
👉 guild.host/events/the-s...
I can build things, but I feel like the community still needs more animations!
Insane performance guys! 60fps all the way
Stack:
- @tanstack.com react-query
- expo-router & expo-image from @expo.dev
- legend-list by Jay Meistrich
PS: You see a loading because I am manually adding a "wait(500)"
🎥 Youtube link: youtube.com/live/cEConO4...
🔥🔥 New video tutorial:
React Native Circular Carousel - React Native Reanimated
Watch it here: youtu.be/6Va1yBFdUxI
I spent 2 days just editing this tutorial :)
Confetti 🎉 + Gestures + Reanimated = ❤️
Watch it here: youtu.be/MPVUL3MhfZ0
It's happening guys, the most time consuming video to edit will be available to everyone next week on Wednesday:
www.youtube.com/watch?v=MPVU...
I made something nice (my opinion 😂) inside quitedo.se
Here’s a little preview
Is this what you're looking for? Or what exactly would you like to animate? each item from the list or the button that's going to filter (changed when you press on any filter)? I believe that quotedo.se has this for filters :)
I did something, maybe it will help:
www.animatereactnative.com/post/switch-...
quotedo.se -> filter list for the search
x.com/mironcatalin... -> when adding a new task
App.js Conf - the biggest React Native & Expo-focused conference, organized by Software Mansion, powered by the community.
Use catalin20 for 20％ OFF.
👉 Get all the details and book your spot now at appjs.co.
⭐️ How to create Apple invites onboarding screen in React Native
Tutorial link: youtu.be/P_gYeiFipsk?...
Built using @expo.dev, Reanimated by @swmansion.com and Marquee & Stagger by @animatereactnative.com
🛑 Going live now :)
Let's fail while building an AI Image Playground splash screen / home screen using the latest Marquee v5.0
youtube.com/live/zuIp-NW...
:))) almost there
My 15 minutes attempt to re-create Apple Invites intro
Missing:
- scrolling (need to update @animatereactnative/marquee to support it)
- rotation (wip)
Good part? - it's cross-platform
It’s been over a DECADE since I’ve created the very first complete open source React Native application in the world 🥳
PS: First commit 3529 days ago (June 11, 2015)
Building a mobile app? Animations are a must.
@mironcatalin.bsky.social explains why in the latest episode of React Native Radio podcast.
Listen to the full episode today 👇
www.reactnativeradio.com/episodes/rnr...
Thanks Frank! Maybe we’ll meet again at App.js? You are amazing 🤗
🖤❤️ RNR 320 ❤️🖤
This week, we dive into silky-smooth animations with
@mironcatalin.bsky.social! 🚀
From Reanimated and layout animations to interpolation and motion accessibility—we're covering it all.
Listen now! 🎧
reactnativeradio.com/episodes/rnr...
Just finished wrapping up a nice abstraction of "Tinder" swipe gesture experience. BIG BIG thanks to RN reanimated & RN gesture handler both from @swmansion.com @kzzzf.bsky.social and reference videos by @mironcatalin.bsky.social :D
I just bought lifetime access to AnimateReactNative.com by @mironcatalin.bsky.social, one of the most inspiring figures in the React Native community. I am excited to dive deeper into animations in RN and make my apps even more engaging and fun to use! 🤩
Screen Studio app
Good morning
Alright, so this is what we have at the end of 3rd live streaming session, building this React Native Parallax carousel, using @expo.dev and React Native Reanimated by @swmansion.com
Don't forget that you can get 60% using BF2024 on any plan on www.AnimateReactNative.com
Thank you Jan! I am really excited to see how you’ll use them and what are you building.
Most of them work on web as well, but I’m not targeting web.
TestFlight: testflight.apple.com/join/d9khSp5E
Google PlayStore: play.google.com/store/apps/d...
AnimateReactNative.com app status:
- Google ✅
- Apple ❌ (TestFlight ✅)
Test animations before purchasing a license.
Use BF2024 to get 60% off
Install it: “@animatereactnative/accordion”
GitHub repo: github.com/animate-reac...
