Leverages normal React practices for speed (JSX, first-party modular
components, MUI components, etc.)
To aid customization and searchability, I add BEM style class names to
most of the blocks and elements. First-party customization strategy
still needs to be clarified. This could change in the near future.
Third-party customization can also be challenging.
To aid first-party customization, we can strip away as much MUI style
as possible. That should help lower the specificity of the elements.
To aid third-party customization in the future, we can translate most
of the JSX into separate React Template and CSS files.
Focuses on rough UI layout and positioning for:
Leverages normal React practices for speed (JSX, first-party modular components, MUI components, etc.)
To aid customization and searchability, I add BEM style class names to most of the blocks and elements. First-party customization strategy still needs to be clarified. This could change in the near future. Third-party customization can also be challenging.
To aid first-party customization, we can strip away as much MUI style as possible. That should help lower the specificity of the elements.
To aid third-party customization in the future, we can translate most of the JSX into separate React Template and CSS files.
https://user-images.githubusercontent.com/11132446/136726426-f3815ae0-c19e-45c9-bebc-099705199cb8.mp4