Building Beautiful Animations with React Native Reanimated 3

Подписаться 116 тыс.

Просмотров 27 тыс.

50% 1

In this video, I will guide you through the process of building beautiful animations with React Native Reanimated 3. You will learn how to get started with Reanimated 3 to create beautiful animations with ease, as well as how to combine various animation techniques to achieve stunning results.
⌨️ Get the source code here: github.com/notJust-dev/Reanim...
This build includes a lot of tools & technologies, and it's a great opportunity to learn:
- How to get started with Reanimated 3
- How to build beautiful animations working with Reanimated 3
- How to create Skeleton Loading animations
📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev in 2023! Check out what our successful students are saying about their experience:
academy.notjust.dev
💬 Join the notJust Development gang and let's build together:
Twitter: / vadimnotjustdev
Instagram: / vadimnotjustdev
Facebook: / notjustdev
LinkedIn: / vadimsavin
Discord: / discord
Timecodes:
Disclaimer: This build is for educational purposes only!! All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.
#notjustdev #reanimated #reactnative

Наука

Опубликовано:

16 мар 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 29

@notjustdev Год назад

📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev in 2023! Check out what our successful students are saying about their experience: academy.notjust.dev

@haryanvideveloper777 Год назад

Clear explanations and step-by-step guidance made it easy to get started and combine different animation techniques to achieve stunning results. I appreciate the effort and time you put into creating this video

@notjustdev Год назад

Happy to hear it

@pietroputelli5698 Год назад

I have fallen in love with your videos; they have been extremely useful to me. I would like to discuss the possibility of creating a custom image picker component natively, similar to Expo's library, but completely customized. I have tried to accomplish this task using the newly released flashlist and Expo image, but the cell recycling performance is still poor. Maybe you could make a video about it; lists are one of React Native's Achilles heels. Thank you.

@botcampeador428 Год назад

Hi! Love your channel and the way you teach! Its stupíd to learn Flutter and React Native?? Or with one the mobile dev is cover and can continue with web dev? thanks!

@andresgutgon Год назад

Love it! I'm just starting with native. One question does React native css implementation supports css transitions? Because if it does the skeleton could be done with a css transition like in web

@chupitolepame5357 Год назад

I hate all the people on the live chat just asking for stuff, so disrespectful. Glad you made a video about this hot topic, I'm working with reanimated 3 too and I think it's awesome!

@Sandeep-jp3qk Год назад

Thanks Bro

@VedPrakash-wh4wg Год назад

i wasn't able to style my with Tailwind with reanimated 2,before adding tailwind packages and config, all were working well and fine,with normal style objects but when i added tailwind or i should say installed tailwind it gave me error and god knows how to solve that,i removed tailwind then developed the rest with normal style object. i wanted to use tailwind for one more reason i.e events like active and focus where i can directly change properties of my View.

@user-kv6bu9hi1t 5 месяцев назад

why doesn't shared transition element work? help me please

@mike0808 Год назад

Hallo, very very cool content🎉!! Can you create pne example, 5 boxes, if you choose one it goes up, if choose one more, it goes up and first one goes down!! I would be very thankful

@adelashour3253 7 месяцев назад

TypeError: Cannot read property 'isReady' of undefined, js engine: hermes

@almag3st859 Год назад

Hey, when will you add testing to course?

@notjustdev Год назад

Working on it now

@almag3st859 Год назад

@@notjustdev Thanks for reply

@suvarneshkm9478 Год назад

make a tutorial on screen widgets

@chorazytorpeda16 Год назад

"ChatGPT is an artificial intelligence system that people use throughout the world. The system's main use is to generate the answer to any question you ask. Its system does not have any access or connection with the internet, nor does it have any connection with the external data source". Yeah, lets ask him if image is still online XD.

@notjustdev Год назад

There are public API for images that will always be online, and when asked behind the scene to use publicly accessible image, it was using those public sources.

@ob34915 Год назад

the time you kept searching for answer in gpt you could just coded the thing Lol

@usmanmarkaz Год назад

A Weather App or PDF opener or Converter plz sir

@bj97301 Год назад

That function vs component thing was bs. I had been struggling with this for like 2 days.

@aadishah9292 Год назад

Can I get an internship in your company

@usmanmarkaz Год назад

Sie Plz Start Making Fully Functional Ecommerce Project with backend with redux toolkit like Amazone plz sir

@ShawnChristopher10101 Год назад

Wayyyyy too much time responding to comments and troubleshooting things to be an actual demo. Seriously an hour in and all that's been accomplished is two components, a flatlist, and rebuild.