Подключение 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
.