Подключение React.js
Дата обновления перевода 2024-07-25
Подключение React.js
Screencast
Предпочитаете видео-туториалы? Посмотрите cерию скринкастов React.js.
Tip
Просмотрите живые демо компонента React Symfony UX на https://ux.symfony.com/react!
Используете React? Для начала, добавьте некоторые зависимости с помощью Yarn:
1
$ 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
.