Мы все знакомы со стандартным способом привязки таблицы стилей к заголовку HTML-документа, верно? Это лишь один из нескольких способов написания CSS. Но как выглядит стилизация вещей в одностраничном приложении (SPA), скажем, в проекте React? Оказывается, есть несколько способов стилизации приложения React. Некоторые пересекаются с традиционным стилем, другие не так сильно. Но давайте посчитаем все способы, которыми мы можем это сделать. Импорт внешних таблиц стилей Как следует из названия, React может импортировать файлы CSS...

При работе с React лучше использовать многоразовые компоненты с помощью таких инструментов, как Bit, чтобы избежать необходимости переписывать их каждый раз. К тому же, приятно использовать компоненты, организованные в визуальной галерее, не так ли? Попробуйте визуализировать несколько компонентов React подобным образом: class ParentC extends React.Component { render() { return ( <ChildC /> <ChildC /> ) } } class ChildC extends React.Component { ...