Reactの開発環境をつくる方法(viteを使います)

Reactの開発環境をつくる方法(viteを使います)

Terminal

vite

npm create vite@latest

cd vite-project

npm install

npm run dev

React

npm install react react-dom

htmlファイル

※React Element(a virtual representation)をDOMとして表示する場所

<div id="root"> </div>

JavaScript ファイル

例 : main.js

import React from "react";
import {createRoot} from "react-dom/client"

const root = document.querySelector("#root");
createRoot(root).render(React.createElement("p", {}, "Hello World"));

結果

ブラウザに”Hello World”と表示されました

Reactカテゴリの最新記事