Reactを最小構成で動かす

はじめに

クラスもコンポーネントとりあえず置いて、まずはうごかしたい・・！！

Reactを最小構成で動かす

Reactをインストール

Reactをグローバルにインストールした後に。

npx reate-react-app react-todo
yarn start

ja.reactjs.org

使用しないファイル削除

まずは、「いつか使うけど、今はいらない」ファイルを消していく

src/App.js
src/App.test.js
src/App.css
src/index.css
src/logo.svg

削除されたファイルを参照しているところがエラーとなるので、全部消す

コードをぺろっと書く

src/index.js

import React from "react"
import ReactDOM from 'react-dom'

const name = 'micronn';
const element = <h1>Hello, {name}</h1>;

ReactDOM.render(
  element,
  document.getElementById('root')
);

ブラウザ

localhost:3000にアクセスしてみる Hellooooooooooooooooooooooo(ﾟ▽ﾟ)