Типизация стилей
HTML-код
- Опубликовано: 17 янв 2023
- Плагин typescript-plugin-css-modules позволяет не ошибаться при написании имен css-классов в React-компонентах и упрощает удаление неиспользуемых стилей.
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep
Типизация уже дошла и до стилей 🤯
Я тебе больше скажу, типизировать можно принимаемые функцией в качестве строк названия папок и файлов в репозитории
все это для людей, которые не понимают, что делают
Очень нравится рубрика про типизацию, прям бальзам на душу 😁
Пожалуйста продолжайте)))
Как Круто!!! Михаил, вы лучший!!! Это чего так не хватало. Ваши видео магические, одно за другим приоткрывают тайные двери для эффективной веб разработки.
Спасибо Михаил за хороший контент. Все кратко и доходчиво.
Каждый твой ролик смотрю, очень крутой контент делаешь, и очень полезный! Очень часто возвращаюсь к твоему контенту
нравится манера объяснения, интересно слушать.
Круто! Это просто прекрасно!
Большое спасибо, очень полезное видео)
Огромное спасибо, обожаю TS!
Ух-ты, какая полезная штука. Не знал, спасибки. Завтра же буду применять на проекте (если разрешат).
Типизация стилей - это кайф, даже не знал, что так можно тож 👍🏻.
У меня прям целая ветка в репозитории образовалась, с сандбоксами с видосов ) пысы , книга эффективный тайпскрипт оказалась довольно полезной )
это очень удобно!
просто лайк от всей души потому что я никак не могла понять почему оно не работает, спасибо
он подчёркивает стили в разметке, если они обозначены, но в css их нет -- но это ведь распространенный кейс, по БЭМ на каждую сущность надо ставить свой класс. а вообще, мы даже препроцессор не хотели устанавливать, у нас маленький проект +библиотека компонентов, уж про плагины я думаю и спрашивать не стоит) спасибо за видео!
Здорово
А есть другой способ помимо typescript-plugin-css-modules?
Не нравится корявый синтаксис
Крутой ролик, спасибо. Есть вопрос. Как сделать чтобы у меня была ошибка когда в моем файле .scss остался класс который я нигде не использую. (изменилась верстка удалили див с классом, а файл стилей не подчистили) Возможно через линтеры это сделать но не могу понять как. Подскажешь?
Во Vue подсвечивает редактор, если класс не используется
Михайл, привет, с вами можно связаться по поводу обученя? У вас на сайте написано про индвидульное обучение, хотел с вами проконсультироваться свое дальнейшее обучение. Буду благодарен за обратную связь, спасибо!
У меня же на сайте есть информация и контакты для связи. Где консультации - кнопка подробнее.
А как на счет sass + БЭМ? Умеет?
Вітаю. А типізація для styled-components буде? чи може вже є?
Давно с ним не работал. Пока видео про styled-components не планирую. Но кто знает?
вот и в виде плагина реализовали то, что есть в webstorm'е по дефолту...полезная вещь.
Спасибо, интересный плагин.
Но есть пара моментов из-за которых пока не воспользуюсь им:
1) плагин не понимает вложенные селекторы (мы их много используем в связке с postcss)
2) чтобы увидеть ошибку, нужно именно открыть ts файл. Компилятор отработает всегда без ошибок, поэтому не всегда можно заметить, что появились ошибки (например, когда просто удалили какой-то css и сразу закоммитили, не проверяя ts-файл)
Нужно делать проверку тайпскриптом при коммите/CI, если компиляция не идёт уже с помощью него.
Ну, у меня нифига не получается. Не создается никакой .vscode
в шторме вроде из коробки работает, подсказки/ошибки
К сожалению не работает( вроде всё делаю но ничего не пашет, воркспейс версию ставлю не пашет.
👏👍
Лайк не глядя))
Пакет крутой, но очень обидно, что плагины в TS не работают при компиляции, тогда этот пакет точно бы выстрелил еще сильнее. Будем надеться, что когда-нибудь такая возможность(типизация css модулей) появится и в самом TS.
спасибо, добавил позже гляну
как насчет styled components?
Styled components поставляется со своим набором типов. Поэтому там такого вопроса не стоит :)
а не проще ли просто деструкторизировать стили, сразу после импорта и всё
тише не трогай их
Не проще, в больших компонентах у вас будет все больше разрастаться деструктуризация из импорта, допустим 20+ классов и вы уже деструктурируете их в шаблоне - выглядит довольно уродливо.
Еще более худший момент - читаемость, как правило все используют модуля за счет возможности уйти от названия осмысленных классов - пихают классы ul, li, и тд и тп. Вы деструктурируете 20+ классов к примеру, и у вас в коде получается мешанина из констант, переменных и тд.
странно, у меня в vsc не подхватывает TypeScript при вводе в командной строке настроек... а, всё, это только при текущем файле ts/tsx работает
Webstorm итак сам по себе все стили подсказывает в любом файле, проблем не было таких.
Перед тем как написать функцию, которая будет возвращать a + b, нужно обязательно всё протипизировать :D Потрать два часа своего времени, чтобы, возможно, в будущем не тратить 2 часа на поиск опечаток :D