Simple play icon Course
Skills Expanded

Component-Based UI Development with Tailwind CSS

by Jon Friskics

This course will teach you how to extend Tailwind CSS to support custom styles and think in terms of components for grouping rules.

What you'll learn

In this course, Component-Based UI Development with Tailwind CSS, you’ll learn how to extend Tailwind CSS to support custom styles and group rules to design components. First, you’ll explore extending Tailwind CSS rules with themes. Next, you’ll discover how to reduce repetition with the @apply directive. Finally, you’ll learn how to think component-first when writing Tailwind CSS.. When you’re finished with this course, you’ll have the skills and knowledge of extending and organizing Tailwind CSS for better readability and reusability.

Table of contents

Grouping Styles with @apply
3mins
Presets and Plugins
4mins

About the author

Jon is an author, developer, and Pluralsight team member via Code School. Lately, he's been working on content and products that help authors create content efficiently. Prior to that, he worked for several years on interactive learning at Code School, and later helped bring that to Pluralsight as Interactive Content.

Ready to upskill? Get started