1. Home
  2. Documentation
  3. Frontend
  4. Enabling React.js

You are browsing the Symfony 4 documentation, which changes significantly from Symfony 3.x. If your app doesn't use Symfony 4 yet, browse the Symfony 3.4 documentation.

Enabling React.js

4.1 version
Maintained
3.4 4.0 4.2 master
Unmaintained
3.3
edit this page

Enabling React.jsΒΆ

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.