Обложка канала

Frontend разработчик

12650 @frontend_1

Frontend разработчик. Библиотека электронных книг и статей для frontend разработчиков.

Frontend разработчик

3 года назад
Открыть в
Webpack + CSS Modules + TS = Love Я считаю, что CSS Модули — это монументальный проект. С его помощью можно решить одну из худших проблем CSS — коллизию имен классов. Давайте рассмотрим простой пример, чтобы было понятно, о чем идет речь. Представим, что мы разрабатываем компонент Button. Использовать "чистый" CSS опасно, потому что есть риск, что кто-то ещё в вашем проекте (или ещё хуже — в подключенной библиотеке) использует то же имя класса: /* Button.css */ .button { color: #f00; padding: 10px; font-size: 18px; } /* node_modules/some_lib/styles.css */ .button { color: #0f0; } // Button.tsx import { FC } from "react"; import "./Button.module.css"; import "some_lib/styles.css"; export const Button: FC = (props) => { // Какого цвета будет кнопка остаётся только гадать return <button {...props} className="button" />; }; https://habr.com/ru/post/688844/ 👉 @frontend_1
Webpack + CSS Modules + TS = Love

Я считаю, что CSS Модули — это монументальный проект. С его помощью можно решить одну из худших проблем CSS — коллизию имен классов. Давайте рассмотрим простой пример, чтобы было понятно, о чем...

Хабр