Как использовать Tailwind CSS с React-компонентами?

Tailwind CSS — utility-first фреймворк, где стили задаются утилитарными классами прямо в JSX: className="flex items-center gap-4 p-4 bg-white rounded-lg". Стили не пишутся в отдельных файлах, а собираются из готовых атомарных классов. Итоговый CSS содержит только используемые классы благодаря анализу исходников на этапе сборки.