Enabling React.js

Screencast

スクリーンキャスト

Do you prefer video tutorials? Check out the React.js screencast series.

ビデオチュートリアルが好きですか? React.js スクリーンキャスト シリーズをご覧ください。

Tip

ヒント

Check out live demos of Symfony UX React component at https://ux.symfony.com/react!

https://ux.symfony.com/react で Symfony UX React コンポーネントのライブデモをチェックしてください!

Using React? First add some dependencies with Yarn:

Reactを使用していますか？まず、Yarn でいくつかの依存関係を追加します。
1
2
3
4
5
 
# if you use the Yarn package manager
$ yarn add react react-dom prop-types

# if you use the npm package manager
$ npm install react react-dom prop-types --save

Enable react in your webpack.config.js:

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!

その後、アンコールを再起動します。実行すると、不足している依存関係をインストールするために実行できるコマンドが表示されます。そのコマンドを実行して Encore を再起動したら、完了です。

Your .js and .jsx files will now be transformed through babel-preset-react.

.js および .jsx ファイルは、babel-preset-react によって変換されます。