Enabling React.js
Edit this pageWarning: You are browsing the documentation for Symfony 4.2, which is no longer maintained.
Read the updated version of this page for Symfony 6.3 (the current stable version).
Enabling React.js
Using React? First enable support for it in webpack.config.js
:
1 2
$ yarn add @babel/preset-react --dev
$ yarn add react react-dom prop-types
Enable react in your webpack.config.js
:
1 2 3 4 5 6 7
// webpack.config.js
// ...
Encore
// ...
+ .enableReactPreset()
;
Then restart Encore. When you do, it will give you a command you can run to install any missing dependencies. After running that command and restarting Encore, you're done!
Your .js
and .jsx
files will now be transformed through babel-preset-react
.