Подключение React.js

Дата обновления перевода 2023-01-17

Подключение React.js

Screencast

Предпочитаете видео-туториалы? Посмотрите cерию скринкастов React.js.

Tip

Просмотрите живые демо React компонента Symfony UX на https://ux.symfony.com/react!

Используете React? Для начала, добавьте некоторые зависимости с помощью Yarn:

1
2
3
4
5
# если вы используете менеджер пакетов Yarn
$ yarn add react react-dom prop-types

# если вы используете менеджер пакетов npm
$ npm install react react-dom prop-types --save

Включите react в вашем webpack.config.js:

1
2
3
4
5
6
7
// webpack.config.js
  // ...

  Encore
      // ...
+     .enableReactPreset()
  ;

Затем перезапустите Encore. Когда вы это сделаете, он даст вам команду, которую вы можете выполнить, чтобы установить все недостающие зависимости. После выполнения этой команды и перезапуска Encore, вы закончили!

Ваши файлы .js и .jsx теперь будут преобразованы через babel-preset-react.