読者です 読者をやめる 読者になる 読者になる

laravel react 初期設定

Package Management | React 

フロントエンド片手間ンによる Laravel Elixir 入門 - Qiita

yum install nodejs npm
npm -v
npm install -g gulp
gulp -v

npm install -g bower
bower -v
yum  --enablerepo=epel install php-devel yum  --enablerepo=epel install php-devel 

package.jsona

{
  "private": true,
  "devDependencies": {
    "gulp": "^3.8.8"
  },
  "dependencies": {
    "laravel-elixir": "^3.0.0"
  }
}
npm install

npm install --save react react-dom babelify babel-preset-react

Package Management | React

gulpfile.js

var elixir = require('laravel-elixir');

elixir(function(mix) {
    mix.sass('app.scss')
        .browserify('app.js')
        .copy(
        'node_modules/font-awesome/fonts',
        'public/build/fonts'
        ).version(['css/app.css', 'js/app.js']);
        .browserSync({proxy: 'works.dev'});
});

Laravel5 ベースのプロジェクトに React が爆速で導入できた話 - 無駄と文化

 

hello world

resources/assets/js/app.js

var React = require('react');
var ReactDOM = require('react-dom');

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('example')
);

public/react-example/index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <title>Hello React!</title>
</head>
<body>
  <div id="example"></div>
  <script src="/js/app.js"></script>
</body>
</html>

gulp watch

http://localhost:8000/react-example/

 

 Error in plugin 'gulp-notify'  

npm install --save-dev gulp-notify

yum install libnotify

で解決

 

react-laravel  composer 

composerが存在するパッケージを見つけられない - Qiita

{
    "minimum-stability": "dev",
    "require": {
        "example/package1": "dev-master",
    }
}
yum install v8

yum --enablerepo=remi,remi-php70 install php-devel