Типизация стилей

Плагин typescript-plugin-css-modules позволяет не ошибаться при написании имен css-классов в React-компонентах и упрощает удаление неиспользуемых стилей.
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru...
paypal.me/mish...

[@gregpozdnykov3539]

Типизация уже дошла и до стилей 🤯

[@КириллМохначевский-о3ю]

Я тебе больше скажу, типизировать можно принимаемые функцией в качестве строк названия папок и файлов в репозитории

[@andTutin]

все это для людей, которые не понимают, что делают

[@lLoseControll]

Очень нравится рубрика про типизацию, прям бальзам на душу 😁 Пожалуйста продолжайте)))

[@АлексейСтепанов-к9о]

Как Круто!!! Михаил, вы лучший!!! Это чего так не хватало. Ваши видео магические, одно за другим приоткрывают тайные двери для эффективной веб разработки.

[@alexandrkhristenko5723]

Спасибо Михаил за хороший контент. Все кратко и доходчиво.

[@Be3dohannyy]

нравится манера объяснения, интересно слушать.

[@STELLS541]

Типизация стилей - это кайф, даже не знал, что так можно тож 👍🏻.

[@ГлебКодрик-ж5ж]

Каждый твой ролик смотрю, очень крутой контент делаешь, и очень полезный! Очень часто возвращаюсь к твоему контенту

[@Алексей-и8ю7ю]

Огромное спасибо, обожаю TS!

[@alexxxpo]

Круто! Это просто прекрасно!

[@МарияПравдова-ж1г]

просто лайк от всей души потому что я никак не могла понять почему оно не работает, спасибо

[@pika4u380]

Большое спасибо, очень полезное видео)

[@user-888azim-97]

он подчёркивает стили в разметке, если они обозначены, но в css их нет -- но это ведь распространенный кейс, по БЭМ на каждую сущность надо ставить свой класс. а вообще, мы даже препроцессор не хотели устанавливать, у нас маленький проект +библиотека компонентов, уж про плагины я думаю и спрашивать не стоит) спасибо за видео!

[@mkonin]

У меня прям целая ветка в репозитории образовалась, с сандбоксами с видосов ) пысы , книга эффективный тайпскрипт оказалась довольно полезной )

[@polioann]

это очень удобно!

[@sno-oze]

вот и в виде плагина реализовали то, что есть в webstorm'е по дефолту...полезная вещь.

[@Sergey_Klimov]

Ну, у меня нифига не получается. Не создается никакой .vscode

[@МихаилСтудицкий]

Спасибо, интересный плагин. Но есть пара моментов из-за которых пока не воспользуюсь им: 1) плагин не понимает вложенные селекторы (мы их много используем в связке с postcss) 2) чтобы увидеть ошибку, нужно именно открыть ts файл. Компилятор отработает всегда без ошибок, поэтому не всегда можно заметить, что появились ошибки (например, когда просто удалили какой-то css и сразу закоммитили, не проверяя ts-файл)

[@levsonc]

Нужно делать проверку тайпскриптом при коммите/CI, если компиляция не идёт уже с помощью него.

[@ЭзизК]

Михайл, привет, с вами можно связаться по поводу обученя? У вас на сайте написано про индвидульное обучение, хотел с вами проконсультироваться свое дальнейшее обучение. Буду благодарен за обратную связь, спасибо!

[@mishanep]

У меня же на сайте есть информация и контакты для связи. Где консультации - кнопка подробнее.

[@ЕрджаникГаспарян-н5н]

К сожалению не работает( вроде всё делаю но ничего не пашет, воркспейс версию ставлю не пашет.

[@nikitakomkov187]

Пакет крутой, но очень обидно, что плагины в TS не работают при компиляции, тогда этот пакет точно бы выстрелил еще сильнее. Будем надеться, что когда-нибудь такая возможность(типизация css модулей) появится и в самом TS.

[@ВадимЯковенко-я1в]

Вітаю. А типізація для styled-components буде? чи може вже є?

[@mishanep]

Давно с ним не работал. Пока видео про styled-components не планирую. Но кто знает?

[@jamjam3337]

👏👍

[@Александр-Беляев]

А есть другой способ помимо typescript-plugin-css-modules? Не нравится корявый синтаксис

[@viktorkasap]

в шторме вроде из коробки работает, подсказки/ошибки

[@carry-on-chaos4032]

а не проще ли просто деструкторизировать стили, сразу после импорта и всё

[@andTutin]

тише не трогай их

[@vladimirgorinov4373]

Не проще, в больших компонентах у вас будет все больше разрастаться деструктуризация из импорта, допустим 20+ классов и вы уже деструктурируете их в шаблоне - выглядит довольно уродливо. Еще более худший момент - читаемость, как правило все используют модуля за счет возможности уйти от названия осмысленных классов - пихают классы ul, li, и тд и тп. Вы деструктурируете 20+ классов к примеру, и у вас в коде получается мешанина из констант, переменных и тд.

[@vidioavlable]

Крутой ролик, спасибо. Есть вопрос. Как сделать чтобы у меня была ошибка когда в моем файле .scss остался класс который я нигде не использую. (изменилась верстка удалили див с классом, а файл стилей не подчистили) Возможно через линтеры это сделать но не могу понять как. Подскажешь?

[@aceracer5556]

Во Vue подсвечивает редактор, если класс не используется

[@AndreiTolstoi]

как насчет styled components?

[@mishanep]

Styled components поставляется со своим набором типов. Поэтому там такого вопроса не стоит :)

[@lesters]

спасибо, добавил позже гляну

[@demos.]

А как на счет sass + БЭМ? Умеет?

[@anv7259]

Лайк не глядя))

[@kostyafrompiter]

Webstorm итак сам по себе все стили подсказывает в любом файле, проблем не было таких.

[@Антон-ю2п6е]

странно, у меня в vsc не подхватывает TypeScript при вводе в командной строке настроек... а, всё, это только при текущем файле ts/tsx работает

[@EuegenTv]

Перед тем как написать функцию, которая будет возвращать a + b, нужно обязательно всё протипизировать :D Потрать два часа своего времени, чтобы, возможно, в будущем не тратить 2 часа на поиск опечаток :D

[@ViktorHugo-je6rq]

Ух-ты, какая полезная штука. Не знал, спасибки. Завтра же буду применять на проекте (если разрешат).

[@Mikjagger1]

Здорово