Coding an Accordion component using React

Coding a react accordion component using react.

00:00 Intro
09:08 Making the Accordion Component
12:00 Rendering multiple accordions using an array

------------

For those who don't know, I'm a full stack web developer who has been in the industry for over 5 years now. There is a lot of things I have learned along the way and I'd like to share that knowledge with anyone wanting to learn!

like this video if you found it useful and would like to see more videos of the same content.

subscribe to my channel if you are trying to improve your abilities as a web developer, software engineer, or even if you are just learning to code.

Don't forget to turn on those bell notifications!

Book mark these links!

I give credit to:
Toptal Subtle Patterns - for the thumbnail background patterns

[mikeagbaji]

Awesome video! I have been watching many other videos and they all followed difficult steps and it was hard to understand. Yours is very easy method. Thanks

[bssushmitha]

Awesome video. I saw many other videos and they all followed difficult steps and it was hard to understand. You made it so easy. Thank you so much for this video. Highly recommend to anyone who wants to watch accordion example using React(or with hooks).

[ClosureWebDevMore]

Great vid, Cody! Keep up the nice work :)

[argens]

Wow, till 5:06 I got everything explained in such an easy way. Thanks a lot!

[proemail]

to arrange the plus symbol you could simply make a parent element div and then add flex, justify content : space-around it should do it dynamically rather then position just two cents. But awesome tutorial so easy to follow

[saikrishna]

Loved your explanation man.
Just subscribed to your channel.

[khandoor]

Love the content WDJ the more React Hooks features the better. Please try an image slider from an api maybe pixabay or unsplash!!

[kenansari]

Thank you, Cody, it is really helpful (Y)

[mayas]

How can i make an accordian open by default

[luciobuey]

Hi, thanks for the video, it was very helpful. is it possible for this accordion to close the other tabs while clicking on one?

[Artisticanand]

You explained very well bro. I have doubt, whenever I add too big a title my title is going outside the div. Is there anyway to put all title content inside the div?

[seeban]

Is it possible for this acordion to expand if the output is negative and close if the output is positive??

[rinkoshopper]

To have transition you need to do this with css instead right? like toggling between height:0 and height:auto right?

[argens]

Is there a way to style your accordion? So that it wouldn't just pop out?