Reactjs, Material-UI with JSS. Краткий гайд

Доброго времени суток, Хабр!

Итак, material-ui — reactJS's фрэймворк, предоставляющий готовые google решения для быстрой и довольно простой web разработки.

Material-UI достаточно крупная библиотека, где ключевой частью react компонентов и стилизации является @material-ui/core (целью ее использования должен быть немаленький проект).

Этот туториал не включает в себя продвинутое использование material-ui. Это мини мануал по стилизации компонентов.

Использовать material компоненты действительно не сложно, но есть нюансы использования стилизации. Об этом собственно и пойдет речь.

Рассмотрим следующее

JSS и немного о синтаксисе;

Стилизация классовых react, material компонентов;

Стилизация функциональных с использованием хуков react, material компонентов;

Стилизация посредством styledComponent react, material компонентов;

Провайдер theme;

Переопределение material компонентов;

GO под кат!

Читать дальше →

Источник: Уроки CSS на Хабрахабре