Build a React Accordion from Scratch | ReactJS tutorial

Learn how to build an accordion in ReactJS. We'll go through and demonstrate piece by piece how to put together an accordion.

[aarongarcia]

Thank you so much! Of all the tutorials, articles, and codepens I searched through, this is the only one that worked in my case.

[growthrough]

at minute 7:42 there are some styles added that the presenter doesn't talk about! Unless I missed it... He adds some styles to .content and then adds .content.show

[kelsola]

Prior to this video, I used an NPM package for my Accordion, but I caught a bug that couldn't be fixed and made no sense (over 5 hours wasted), so I knew I needed to build one from scratch. After watching your video, probably 45 minutes later, my "from scratch" Accordion is working perfectly. So thank you very much.

[gabrielobafisile]

I love the way you simplified this. Thanks bro

[Owlnik]

Simple, cool, effective and that's only the way which i could use
Thank you so much!

[shaksham.]

If anyone doesnt understand why the stuffs get hidden at 7:34 then its because he adds another class content.show to it (see at 13:42) where content class hides the answers and content.show reveals it

[whysoserious-yjku]

Thank you! Dont know about the other comments.. i am working in Functional Components and this works like a charm

[pesahson]

Looks really good. That transition makes it work super cool.

[shalombloodman]

the reason one would find trouble with the code is because it was made directly in the app.js file, you have to destructure it yourself and he said so in the video.

[vladko]

Thank you so much. You have helped me! )

[mahidharreddy]

Thank You bro. .. You just saved my Day..

[InteligenciaEficiente]

Great! will use this logic on my project, thank you!!

[RizaHariati]

Very simple to the point explanation. Thank you

[joecolas]

Thank you so much . this is very helpful

[DuckYou]

code works thanks, i dont what these dudes are saying

[RizaGunturPrakoso]

after you set flex and center suddenly answer hidden, why is that?

[dorocodes]

would be awesome to publish the code and add a link to it in the video description <3

[michellephoebe]

I have been having issues with React accordions cause the packages make the documentation bigger.
This is the best! Thank you!
Do you have a tutorial on nested accordion?

[prathmeshkalehere]

I did it all step by step but I can't seem to get transition effect on it