As I embark on building a large application utilizing React, I find myself navigating the new territory of React philosophy coming from a background of Css+Js+jQuery methods. One key requirement for my project is a reliable UI framework that aligns with Google Material Design principles. After scouring various stackoverflow discussions, it's clear that using a traditional UI framework not specifically designed for React may cause conflicts with React's event management due to DOM changes. It seems like the best approach is to opt for a UI framework composed of React components.
I've experimented with popular options such as material-ui, react-toolbox, and essence. What strikes me as unexpected is the limited customization offered by these frameworks – primarily allowing theme changes like "light-theme" or "dark-theme", or importing themes through JS imports with predefined color schemes. However, what I truly require is the ability to fully edit CSS styles or at minimum have extensive knowledge of the CSS class hierarchy for override flexibility.
Is this level of customization achievable within existing libraries? Or does seeking fully-customizable components suggest exploring alternative routes? Any guidance on finding a suitable library providing such versatility would be immensely appreciated.