Enabling React.js

Edit this page

Warning: You are browsing the documentation for Symfony 4.0, which is no longer maintained.

Read the updated version of this page for Symfony 6.3 (the current stable version).

Using React? Make sure you have React installed, along with the babel-preset-react:

        1
2
        $ yarn add --dev babel-preset-react
$ 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()
;
    

That's it! Your .js and .jsx files will now be transformed through babel-preset-react.

This work, including the code samples, is licensed under a Creative Commons BY-SA 3.0 license.