Build React Accordion Without Any Libraries

Learn how to build React accordion without any libraries. Don't spent your time to find a best library if you can build the functionality of React accordion in 10 minutes.
TIMESTAMPS
0:00 Introduction
0:37 Prepared project
0:56 Component creation
2:36 Accordion section component
3:23 Adding active section
4:43 Highlighting active section
5:16 React accordion css
6:59 Activating sections
► CHECK MY COURSES - monsterlessons-academy.com/co...
MOST POPULAR COURSES
► Building real project with Angular + NgRx - monsterlessons-academy.com/co...
► Building real NestJS API - monsterlessons-academy.com/co...
► Javascript interview questions - monsterlessons-academy.com/co...
► Building real fullstack project - monsterlessons-academy.com/co...
► Mastering Git - monsterlessons-academy.com/co...
► Mastering Docker and Docker Compose - monsterlessons-academy.com/co...
► Building real project with React Hooks - monsterlessons-academy.com/co...
► Building real project with Vue + Vuex - monsterlessons-academy.com/co...
FOLLOW ME
► TWITTER - / monster_lessons
► INSTAGRAM - / monsterlessonsacademy
► TIKTOK - / monsterlessonsacademy
REFERENCES
► Source code - github.com/monsterlessonsacad...

[@user-io3ml5up6u]

YES! I love how you aways steer people away from libraries. I have the same opinion. Stop bloating out your codebase, introducing unnecessary learning curves, and setting up your project for future failure because of dependency madness. I always try and use pure React if possible. Even on the backend with various wrappers and abstractions - not needed. Subscribed.

[@MonsterlessonsAcademy]

Glad you like it!

[@akashshukla8686]

Simple and best

[@MonsterlessonsAcademy]

Thank you!

[@LFCROXforLIFE]

Very nice video, thank you! I have a question - I am trying to animate the accordion appearing and disappearing but I cannot get it to work. How can I get it to animate nicely? Thanks!

[@devBotPlus]

use css transition on height