Привет! Немного посыпался с нотациями в Реакте и спотыкаюсь на ровном месте.
По естественным причинам хочу чтобы в однаковой нотации были описаны:
1. Названия компонентов в разметке;
2. Названия результирующих CSS-классов;
3. Название всех сущностей на файловой структуре.
В проекте подрубаются одной CSS-кой все стили из
whitepaper. Они намиксовываются на компненты этого проекта (чтобы получать большуя часть визуала). CSS в
whitepaper написан в класической нотации, соответственно используем классический нейминг
const cn = withNaming({ e: '__', m: '_', v: '_' });чтобы подтягивались стили.
Таким образом назваю сущности на файловой структуре в такой же классической нотации (директории элементов с двумя нижними подчёркиваниями).
https://github.com/opencharge/opencharge.tech/tree/header/src/Components/UserИз этого следует, что и названя компонентов хочу тоже делат не кемелКейсом с маленькой буквы и через '-' (так же как всегда называл названия блоков в bemjson).
Но как я понимаю в Реакте нет возможности называть компоненты?
Дл
я меня сейчас не очевидны лучшие практики Реакта. Можете подсказать как всё это дело синхронизировать?
Чтобы именование компонентов/класов/директорий в create-react-app было таким же как блоки в БЭМ project-stub.
@yarastqt ты наверное можешь подсказать по этим вопросам?