LoginSignup
1
0

More than 5 years have passed since last update.

開発環境構築~Hello,World!

Last updated at Posted at 2018-06-10

Node.js(Javascriptの実行環境)のインストール

まず、以下のサイトからダウンロードできるインストーラでNode.jsをインストールします。
https://nodejs.org/ja/

create-react-app(開発ツール)のインストール

npm install -g create-react-app

※npm installの-gオプションは指定されたパッケージ(create-react-app)をグローバルな領域にインストールすることを指定しています。

サンプルアプリケーションの作成

create-react-app react-sample

指定したプロジェクト名(react-sample)のディレクトリが作成され、その配下にサンプルアプリケーションが作成されます。

サンプルアプリケーションの起動

cd react-sample
npm start

ブラウザが表示され、作成したアプリケーションの内容が表示されます。

サンプルアプリケーションの修正

以下のファイルを更新する等で、アプリケーションに修正をかけることができます。
react-sample\src\App.js

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="App-title">Welcome to React</h1>
        </header>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
      </div>
    );
  }
}

export default App;

Reduxの簡単な実装例

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0