React 19 Приложение "События"

Space of React

требуется вход

Войдите, чтобы смотреть видео

Видеоуроки, интерактивный редактор и сохранение прогресса — бесплатно, сразу после входа.

Войти Создать аккаунт — бесплатно

Закончили урок?

Войдите, чтобы отмечать прогресс

Войти

Урок

React 19 Приложение "События" — УрокУстановка tailwindcss — React 19 Приложение "События" | Max Roslow | Space of React

Установка Tailwind CSS

Установи Tailwind CSS и официальный Vite-плагин для интеграции в проект. Tailwind v4 подключается через @tailwindcss/vite прямо в vite.config. tailwindcss


npm install tailwindcss @tailwindcss/vite

Конфигурация Vite

Настрой Vite для Tailwind CSS, React Compiler и алиаса @ на папку src. Алиасы в Vite задаются через resolve.alias, а Tailwind v4 подключается как Vite-плагин. tailwindcss

vite.config.js


import { defineConfig } from 'vite'
import react, { reactCompilerPreset } from '@vitejs/plugin-react'

Что делает:

tailwindcss() — подключает Tailwind CSS как Vite-плагин tailwindcss
alias '@' — позволяет импортировать из src через @/... futurestud
react() — подключает поддержку React в Vite npmstats
babel({ presets: [reactCompilerPreset()] }) — включает React Compiler через Babel/Rolldown recca0120.github