Multi-Style Tailwind Components
На этом мастер-классе вы узнаете, как наилучшим образом создавать и управлять несколькими вариантами стилей для ваших компонентов пользовательского интерфейса, используя Tailwind CSS.
Движок Just-in-Time в Tailwind CSS не поддерживает динамические имена классов. Это приводит к чрезмерно сложным условным операторам и вложенным тернарным операторам, которые трудно отслеживать и еще сложнее добавлять новые варианты
На протяжении этого мастер-класса вы построите и практиковать повторяемый процесс для выявления, рефакторинга и реализации динамических наборов стилей с использованием Tailwind CSS.
Темы, которые мы рассмотрим
Этот мастер-класс разделен на три раздела: работа с кнопками, модальными окнами и рефакторинг демонстрационного приложения календаря из Мастер-класса. Эти разделы взаимодействуют друг с другом, исследуя разные способы определения и поддержания вариантов стилей для ваших компонентов.
К концу этого мастер-класса у вас будет:
Овладейте искусством использования Tailwind CSS.Поднимитесь на более высокий уровень, изучив продвинутые концепции и шаблоны Tailwind. Освоитесь с многочисленными темами, стилями и компонентами пользовательского интерфейса для различных проектов.
protailwind.com (Simon Vrachliotis)
В этом мастер-классе мы исследуем лучший способ поддержки продвинутой темизации, превосходящей темный режим. Вашей новой суперсилой станет способность внедрить поддержку множества тем в любой новый или существующий проект с использованием Tailwind CSS.К концу мастер-класса у вас будет полностью функциональный плагин для Tailwind CSS, который способен добавить поддержку множества тем в любой проект, использующий Tailwind CSS. Ваша команда сможет м
На этом семинаре вы узнаете, как использовать Tailwind CSS для создания адаптивных дизайнов, поддержки темной темы и стилизации компонентов в ваших веб-приложениях. Вы также научитесь расширять Tailwind CSS для создания собственных компонентов и утилит.
