Morioh
Login
Frederic Durgan

Frederic Durgan

3 years ago

React & Material UI: Accordion

  • 0:10 What is an accordion in Material UI + React?
  • 0:30 MUI Accordion vs Expansion Panel
  • 2:00 Different styles of Accordions
  • 3:50 The different components inside an Accordion (Accordion, AccordionActions, AccordionDetails, AccordionSummary)
  • 4:55 Material UI’s Accordion performance with SEO and SSR
  • 7:30 Simple MUI Accordion code and example
  • 10:00 MUI’s Controlled Accordion using React state and only one accordion open at any given time & adding secondary text to the Accordion (with codesandbox example)
  • 15:15 Adding another accordion to the example
  • 15:55 Programmatically simplifying the accordion code based on Data (so that you only have 1 accordion component and you aren’t copy and pasting code)

Material UI Accordion Documentation: https://material-ui.com/components/accordion/
CodeSandbox: https://codesandbox.io/s/stoic-lewin-0w00y

#react #javascript #web-development #programming #developer

React & Material UI: Accordion

youtube.com

React & Material UI: Accordion

React & Material UI: Accordion. What is an accordion in Material UI + React? MUI Accordion vs Expansion Panel - Different styles of Accordions - The different components inside an Accordion (Accordion, AccordionActions, AccordionDetails, AccordionSummary) - Material UI's Accordion performance with SEO and SSR - Simple MUI Accordion code and example - MUI's Controlled Accordion using React state and only one accordion open at any given time & adding secondary text to the Accordion (with codesandbox example) - Adding another accordion to the example - Programmatically simplifying the accordion code based on Data (so that you only have 1 accordion component and you aren't copy and pasting code)

14.70 GEEK