TOP ▲ itcore TOP ＞ TIPS ＞ react_js.php 　タグ:react.js インストール create-react-app

react.js インストール create-react-app | itcore 2019年

node.js インストール

Windows Power Shell
PS> npm install -g create-react-app
PS> create-react-app my-app
PS> cd my-app
PS> npm start

アプリ実行
http://localhost:3000/

アプリ終了
PS> CTRL+C
バッチ ジョブを終了しますか (Y/N)? y

各種コマンド

npm start
　 Starts the development server.
npm run build
　 Bundles the app into static files for production.
npm test
　 Starts the test runner.
npm run eject
　 Removes this tool and copies build dependencies, configuration files
　 and scripts into the app directory. If you do this, you can’t go back!

生成されたソース src/App.js

import React from 'react';
import logo from './logo.svg';
import './App.css';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>
  );
}

export default App;

リリース

PS> npm run build
buildディレクトリ配下をWebサーバへアップする。