Когда вы создаете приложение React с помощью create-react-app, в вашем распоряжении есть множество вариантов, когда дело доходит до стиля.
Конечно, если не использовать create-react-приложение , у вас есть все возможности выбора в мире, но мы ограничиваем обсуждение предоставленными вариантами создать-реагировать-приложение//.
Для начала вы можете создавать стили с помощью простых классов и файлов CSS, используя атрибут стиля или модули CSS.
SASS/SCSS – очень популярный вариант, очень любимый многими разработчиками.
Вы можете использовать его вообще без какой-либо настройки, начиная с create-react-app 2.
Все, что вам нужно, это .sass или .scss файл, и вы просто импортируете его в компонент:
import './styles.scss'
Вы можете увидеть пример его работы по адресу https://codesandbox.io/s/18qq31rp3 .
Оригинал: “https://flaviocopes.com/react-sass/”