дом дерева?
У меня стили плоские и выполняют только какие-то мелкие конкретные функции .d-flex { display: flex; } Не плоские стили находятся только внутри компонентов, но там уже дом структура имеется
так сделайте просто компоненты типа <Flex></Flex>
А как два класса к одному компоненту применить в этом случае? А 10?
хмм, ну с учетом того что вам нужны только инлайн стили и композия не нужна можно вобще писать так <div style={[...flex, ...row, ...warning }} > т.е. хранить инлайн стиль как обьект и мержить обеькты. Можно оберунть в красивую апи с подержкой тса а-ля <div style={getStyle('flex', 'row', 'warning')} >
Можно, но это какие велосипеды получаются (не спорю что мой изначальный вопрос относится к велосипедам) Например, tailwind, bootstrap использует подход генерации простых классов и это действительно удобно. Т.е. если мне понадобится, я могу импортировать бутстрап и использовать их классы. Которые потом потом будут мапиться в инлайн, когда это будет нужно Кст мапить можно с помощью inline-css или juice
Обсуждают сегодня