React e Material-UI – premesse
Vale la pena fare una premessa. Per utilizzare efficacemente la libreria è molto utile fare riferimento alla documentazione piuttosto completa che si può trovare sul sito ufficiale. Tale documentazione va di pari passo agli aggiornamenti della libreria quindi prestare attenzione quando si cercano informazioni per una certa versione.
Un’altra nota importante è che la maggior parte della documentazione fa esempi di componenti con stili definiti direttamente al loro interno, dove vengono applicati. In generale sembra essere un buon modo di gestire lo stile con questa libreria. Se si adotta questo approccio sarà necessario abituarsi alla sintassi delle proprietà CSS scritte in camel case. Ad esempio font-size diventa fontSize, mentre background-color backgroundColor. Ciò avviene perché le proprietà vengono scritte in un oggetto Javascript.