React-Admin: почему неописательные имена классов?

Question

Я надеюсь, что кто-то может пролить свет на то, что, вероятно, является очень основным c react вопросом.

В веб-приложениях на основе react-admin обычно / ожидаемо увидеть class names (ниже)?

class="jss136 jss138 jss125 jss127"

, над которым я работаю проект по настройке некоторого e2e фреймворка с использованием selenium для сайта react-admin, и это оказалось трудным делом, поэтому мне любопытно, довольно ли это типично видеть в react-admin или может быть что-то из нашей команды разработчиков могло бы поступить иначе, что обеспечило бы более описательные имена классов для взаимодействия с элементами?

Любая информация / понимание этого или других советов, которые вы, возможно, имели отношение к e2e тестированию с selenium в react-admin, было бы намного оценили.

Спасибо,
Боб

Answer 1

True Story, react-admin зависит от @material-ui.

И в решении для стилей @material-ui используется JSS.

Material-UI говорит, что " имена классов, сгенерированные нашим стилевым решением, не являются -deterministi c. "

Благодаря этому @material-ui реализует оптимизации для development и production. classnames легко отлаживать в development и максимально коротко в production.

• разработка: .MuiAppBar-root-12

• production: .jss12

Кстати, если вам не нравится это поведение по умолчанию, вы можете изменить его. JSS опирается на концепцию генератора имен классов .