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

Space of React

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

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

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

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

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

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

Войти

Урок

React 19 Приложение "События" — УрокПодключение React компилятора — React 19 Приложение "События" | Max Roslow | Space of React

Установка Babel плагинов

Установи dev-зависимости для React Compiler через Rolldown и Babel.


npm install -D @rolldown/plugin-babel babel-plugin-react-compiler

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

vite.config.js


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

export default defineConfig({
  plugins: [react(), babel({ presets: [reactCompilerPreset()] })],
})

Что делает:

reactCompilerPreset() — активирует React Compiler (Babel-плагин для оптимизации)
babel() — добавляет Babel обработку с React Compiler
react() — стандартный Vite React плагин