Подскажите, как можно разделить стили и лейаут компонентов в mui

Question

Подскажите, как можно разделить стили и лейаут компонентов в mui

5?

Раньше был makeStyles из "@mui/styles". Сейчас его не разрешает установить.

Во всех мануалах показывают проп sx, но писать таким образом стили в пропе - какая-то жесть. Компоненты получаются огромные.
А если вывести в отдельный объект, как на скрине, естественно, там не будет никаких подсказок с названиями css свойств. Совсем не удобно

#frontend #javascript #programming #react.js #russian

0

12.04.2022

4 ответов

7 просмотров

Alex Автор вопроса

Oliver Wall
Я тоже был в недоеумении когда апдейтился с 4 на 5...

Хм. Не даёт установить @mui/core с 18 реактом

0

12.04.2022

Oliver Wall

и я не ответил на ваш главный вопрос, как разделить. Разделить можно вынося styled компоненты в другие файлы или хранить обьекты sx в отдельном файле. Если завтра зададите этот вопрос повторно ,пожалуйста теганите меня. Мне тоже интересно как другие ребята адаптируются к 5

0

12.04.2022

Alex Автор вопроса

Oliver Wall
и я не ответил на ваш главный вопрос, как разделит...

Спасибо за инфу

0

12.04.2022

Oliver Wall · Accepted Answer

Я тоже был в недоеумении когда апдейтился с 4 на 5 1. Если привыкли к makeStyles, то вам может помочь tss-react ( я правда не знаю будет ли работать с 18 реактом, т.к. именно 18 реакт был причиной отказа от makeStyles в mui) 2. есть styled в mui/core, посмотрите доку 3. Если привыкнуть, то sx и не такая бредятина, порой можно использовать, сокращения типо t, m, mt порой помогают, но скажу честно, я думал уволиться когда начинал миграцию с 4 на 5, но сейчас как то нашел ту грань как писать ( по моему мнению ) адекватный код

169 похожих чатов

Подскажите, как можно разделить стили и лейаут компонентов в mui

4 ответов

Похожие вопросы