Easy React Native Accordion Menu with Reanimated Transition API 

Came here for learning animation, learned more about flex (and animation)! Thanks for the tutorial. 😁

Extremely useful. I really appreciated the fact that you built the project step by step without starting from a pre-compiled template.

thank you for making this beginner friendly and not jumping in with completed setup

Thanks man, i was looking for this everywhere and was unable to figure it out. Reanimated v3 docs has this i will check but when i searched for this its in v1. Not sure of this will check for sure. Keep the awesome work👍

These videos are of great quality and well prepared. You have all my respect and admiration. Love it ❤️!

I like the way you explained the entire process and how it all works. Awesome job.

happy to see you are uploading videos again:) excited to see more animations!

Instant subscribed. Probably the best and the cleanest reanimated transition tutorial, thanks a bunch mate.

I guess this is an older video, but I just found this channel. This was so helpful for my current project!! Love the video, thanks for the help!! You have a new subscriber

I am a fan of william and you both but in term of tutor these days I start understanding from you the most. You teach the basics very well and really very thanks for using Javascript.

Our React Native Guy. Thanks man.

these tutorials always add up to my knowledge

Thank you so much !!!, there is a long time I was looking for something like this.

Really feels smooth animation. This is a great tutorial!, keep making videos.

Thanks, Catalin Miron for this tutorial. And thanks for the extra information about flex and flexGrow too.

I'm glad you are back!! Thank you for sharing your knowledge for us to build upon 🙏🏿

Thanks catalin for such a great video

Great tutorial. Clear and simple. Thanks!

You are great. Keep up the good work

Your tutorial is very easy to understand, thanks for sharing.

Thank you Catalin, very awesome tutorial!

The new pressable component is good as well

Thanks a lot. You saved my day

great, extremely helpful video, thanks alot bro..

I love this videos, Great work!

Great video Catalin 🔥❤️

wow I found gem of youtube channel, keep it up dude!

best tutorial ever , thank so much

Thanks so much! You safe my live! That's why I'm subscribed to this channel! I love you man! I'm so happy 😁 are you have course of react native?thanks again!

Great video. I didnt expect that map rendering with && at 10:12 was expecting ? and then :null. Didnt know that && thing thanks

Very good tutorial, very very good. Did I say it was good? Just making sure because it is hell of good!

Thank you a lot, I’ll try this today, cause i’ve been using an implementation that doesn’t looks like a good performance.

Just perfect. Thanks!

It would be great if you could do this with reanimated 3, it seems like Transition does not work

Seems like this API is deprecated now with Reanimated v2?

Thanks for lesson, it realy easy^-^

10:41 - It was all going wonderfully until the animation started, there must be a plug in for this but I was not sure how to implement it... But great up to there, thanks

Amazing thanks 😍

What if i want that if i click on first item and then click on second item , the first time will stay open rather then close and second item too. what should I do for that

Looks great! Could you please also make a pull to refresh effect so when you pull, depending on finger position, animation of Activity indicator like component or custom animation with Lottie component progresses accordingly?

How rezise the silbing components if all elements dont have the same flex ?, Thanks

Hi, I have implemented this solution using FlatList and when there are many items in the FlatList the items overlap when accordion open on android and eventually crashes the app, on ios it works fine though. Can you help me out in this?

You mention in this video that "flex: 1 means flex-grow is 0". But do you have a source I can look this up online ? Because in the CSS world, flex: 1 means flex-grow and flex-shrink are 1. flex:1 is basically a short-hand for flex-grow:1, flex-shrink: 1 and flex-basis: 0.

Great tutorial thanks

Keep rockin!!

Thanks Man !!

Hey Catalin what will be difference if we use Layout animation here instead of reanimated transition api ?

Thank you.

during collapse no animation is performed but when restoring it to original form then animation works fine

Hey man where can I study with the idea of passing from the beginner level to the level where you can understand the libraries like reanimated or the core ones in detail… I feel like I know basics but the next level is not clear to me…

you save my time

very helpful

Hi ..this is wonderful..thanks..also if you know any component that can render folder structure in hierarchically, like folder -> subfolder/files.. pls share..

thank you very much

I tried Implementing it but not working properly in Android. I used class in case of function, the problem is the animation is not initializing with first render, if I refresh the screen it works

What is the font name you use in vscode?

Please update this, it no longer works as expo 38 sdk is not compatible with expo go and your dependencies break on the latest versions

Can we do something like like for example to a panel that are show or hidden depending on the state? But in this case a sliding panel? Bottom to op ou left to right?

Very helpful

i love you man

Hi friend, great video, i like your videos i learn a lot, can you help me with this error, when i try to trigger the onPress event: 'ref.current.animateNextTransition is not a function'.

Beautiful video with great explanation! Can you create a series on reanimated 2 from scratch? It would be more helpful for everyone struggling with animations in react native. Thanks.

insan değilsin aQ, melek melek :)) thx so much its very nice i write first and use this :))

where is the source code demo uploaded ?

nice

how do you add navigation using this one?

The transition function seems like black magic to me (the one returning the Transition element). It's powerful, but, at least to me, not in the slightest bit intuitive.

it is outdated , please update latest package with same feature

who else noticed he uses light mode ??

My gosh, im blind now. Toooo white

Great tutorial keep it up!

How can i make the subcategories of each category take me to a diferent screen?