[誰でもできる反応]1レスポンスアイテムの開始

応答コードを正式に作成するには、次の手順に従います.
Webpack
Webプロジェクトの作成時にファイル全体を管理するツール
コード依存の順序でマージし、1つ以上のファイルで結果を生成します.
たとえば、画像を解凍し、成果物として特定のパスの特定の名前として保存できます.Javascriptが結果をimportにロードしてクエリーしようとすると、実際に格納されているパスが文字列として受信され、表示されます.
または、複数のJavaScriptファイルを作成するときに、それらを1つのファイルにマージします.もちろん、これからはいくつかのルールで分けることができます.
Webpackで新しい構文を変更し、複数のブラウザで使用できるようにします.
また、Webpackは、Sassなどのファイルをcssファイルに変換し、単独で保存して自動処理することもできます.
babel
JavaScript変換ツール
ES 6はモダンJavaScriptを使用します.ただし、古いブラウザでは新しい構文は使用できません.そのため、新しい文法が使えるのはbabelです.
CODE SANDBOXで実習
このサイトにログインしたら、上の「fork」ボタンをクリックして受講すればいいです.

// 1️⃣
import React, { Component } from 'react';

// 2️⃣
class App extends Component {
  // 3️⃣ render 메써드
  render() {
    return (
      <div>
        <h1>안녕하세요 리액트</h1>
      </div>
    );
  }
}

export default App;

reactモジュールがインストールされているreactをインポートする必要があります.24791722▼要素を作成する基本的な方法はclassによって作成されます.
もう1つの方法は、関数を使用して構成部品を作成することです.241723𔣤render messardはJSXに戻る必要があります.

CodeSandbox: https://codesandbox

反応項目を開始:https://bit.ly/beginreact2