mimicreative/yii2-react

ReactJS Asset Bundle for Yii2

React.js Asset Bundle for Yii2

Installation

The preferred way to install this extension is through composer., _(*1)

Add to the require section of your composer.json file:, _(*2)

"mimicreative/yii2-react": "~1.0"

And run in terminal, _(*3)

composer update

Usage

Use as the asset bundle in Yii2 View files., _(*4)

// use this if you do not need addons
\mimicreative\react\ReactAsset::register($this);

// use this if you need addons
\mimicreative\react\ReactWithAddonsAsset::register($this);

By default, this extension use the minified version. I also include the react-dom.min.js because we usually need it to render in js files. To customize what asset to use, you can set the configuration in the Yii2 config files. Please refer to React Bower package for the list of the files., _(*5)

For example if you want to use non-minified version:, _(*6)

// in main.php config file

return [
  'components' => [
    'assetManager' => [
      'bundles' => [
        'mimicreative\react\ReactAsset' => [
          'js' => [
            'react.js',
            'react-dom.js'
          ]
        ],
        'mimicreative\react\ReactWithAddonsAsset' => [
          'js' => [
            'react-with-addons.js',
            'react-dom.js'
          ]
        ]
      ]
    ]
  ]
];

Further Information

Please, check the React.js site documentation for further information about its configuration options., _(*7)