The 10-min React Native Wallet Animation
ฝัง
- เผยแพร่เมื่อ 20 ต.ค. 2024
- In this video, we build an animation provided to use by the amazing Mengo To 🍿Here is the original tweet: / 1260300550953934853
Wanna learn the fundamentals of declarative Gestures and Animations? Check out start-react-nat....
Source code: github.com/wca...
Do you like the series? You can support the channel by buying me a coffee at react-native.s... ☕️.
Are you sometimes asking yourself, "Can it be done in React Native"? Send me your suggestions at wcandillon@gmail.com
This is far the best content on animation on TH-cam. Keep it going!
Wow, thanks Lucas!
Thank you for mentioning Design+Code -- Love your videos! ❤️ ❤️
Big Thank You for the inspiration.
Awesome video, awesome thumbnail!
I'm being advised by the best ;-)
Holy shit, this is incredible. It's magical. Thank you so much for these tutorials!
I'm having a blast doing them so a big thank you for your support 🙌🏻
As always a great content, with a great professional. Thanks for the video :D
My pleasure Gabrial. Thank you for your support.
people are coming back to react-native because of your great work
Amazing, this is exactly the animation I've been trying to implement in my app! Thank you so much!
Hello what do you recommend to Integrate a video call on his react native app ? Twillio ? But do they have react sdk ?
Man I am in love with this channel.
Your videos gives me motivation to take very deep interest in animations. Thank you very much.
How did you make this card UI design.. Looks so good👍
Pls do more fancy ui with animations 👌
You got it ;-)
Williams your are the best 10/10
Thank You for your support Carrow!
Awesome video!!! But how we can get this animation on ScrollView or FlatList?
Many thanks to you William!!! :) :) :)
You're welcome Natallia 🙋🏼♂️Many potential tweaks and customizations that could be applied to build a nice wallet animation like in the Joe&Juice example.
Should we ever try to use this technique for scrolling a larger list? Or would it have performance issues that FlatList would otherwise not have? P.S. Great video!
if you want to virtualize the list, you would need to build your own. It wouldn't work out of the box with FlatList.
Awesome, u always amaze me with your creativity, thanks a lot.
Hey William, can you explain how the "timing" function in redash works, and the equal without redash, just like you explain "...translate()" in "Advanced 2D Transformations in React Native" video.
Thanks.
This is a topic I go deep into on my online course. I might add it to the youtube channel as well in the future.
Hi, could you share cards pictures? They look fantastic
as usual 🔥
Thks Mo!
Hi William, what tool do you use for screen casting? Both software and hardware
Hi William, you are the right person to answer my question. React is good no doubt about that but flutter is coming very hard in native development. What do you think about the future of React-native.
I heard a lot about flutter compile speed and work around widget to build the layouts in flutter.
React & react-native you have the choice to choose libraries and tools to build your apps but it's seems it's also a draw back for many.
What are your thoughts on this?
I don't have any experience with Flutter unfortunately. What I like with React Native is that we can approach it with web developments skills (JavaScript/CSS). It's not a new paradigm to learn. I guess that I'm lazy that way :)
Lol William ton accent prouve suffisamment que tu es francophone. Sinon belle vidéo. Du coup je m'abonne à ta chaîne
We need a Udemy course on react native animation, I’d definitely buy it 🙌🏾🔥
I have a course at start-react-native.dev/
@@wcandillon I bought the course, it's not very beginner friendly. I wish i understood half what was going on there. Great content all the same.
What theme do you use at VSCODE?
Great video. How would I add a bounce effect to this also?
When are you going to release a full course with projects?
I have a course at start-react-native.dev/ and plan to add more content under this subscription.
great stuff as always
am glad that I found u r tutorials..
Welcome to the channel Maddela 🙌🏻
You've just got a new subscriber..
Pleased to be following your channel..
Great stuff as usual !
How would you deal with a large list of items that will be lazy loaded when reaching a certain amount of already displayed cards ? like a flatList for exemple :)
This is by far the topic on which I received most questions. My first instinct on this was: do your own virtualized list implementation. Now I remember that you can use the same animation recipe that is used for sticky indices (it's done in JS in the RN implementation) to have this animation in a scrollview or flatlist. This would require us to use Animated instead of Reanimated for this to work properly on both iOS and Android. I might take a shot at it.
@@wcandillon Super nice :) i will try myself too !
Thank you William! Are you using expo?
Wondering if this could be achieved with a hidden scrollview as well to keep bounce of the scroll?
👏👏👏
Awesome
Thanks Nirwana!
Thank you so much for your content.
Superb
Your content is awesome!
you are the greatest
haha thanks Ifreke 🙌🏻
Can you make different side bar Drawer Navigation? Please
Great stuff, thanks.
Hi William, are you available to build an app? If yes, how much is the average of your salary to build it? We can discuss about it more.
you never edited the index ???
Hii William , im new to react native im working as React Native developer but i have not done animation or leta say ui part , i work on business logic and third party integrations mostly and i want to learn animations and ui so that it will add more value to kya knowledge....can you please refer me something to learn or any words of wisdom from you for ui and animation....any advice my dear friend ? I truly admire you ... Want to become like you with ui part. Thank you for amazing content. ❤️ Take care . Stay safe . God bless you n your beautiful family. Thank youuuu !!! 😊
awesome video
What exactly is an "extrapolate"? I didn't get any smarter by reading the official docs for this...
it’s very helpful video
Glad to hear that Nam :)
Dude you are amazing, please do a course on Udemy only for React Native animations!! it would be a hit
Wonferful
this is an expensive tutorial on youtube!
Hello
React Native latest version 0.63.0 has introduced the latest cool component Pressable!
Check it out!
th-cam.com/video/MLgmJCWyFmk/w-d-xo.html
Am I finally the first one?
I wanna see my first "first" on my channel 😀It didn't happen yet
weldone sir awesome could you pleas sir help me ,
i have ask many people but they don't help me for making step counter like pedometer that count your step
how much do you have walked, pleas sir help me .................
I made a video on this topic at th-cam.com/video/3nJXCK0yX1k/w-d-xo.html I hope this helps.
Thnks sir