React

React是個前端開發框架，可以幫助我們更快的開發相對複雜的網頁。

主因是它以組件(Component)的概念為核心，允許你將UI拆分成獨立、可重用的小部分。

React官網

安裝

首先電腦要有Node.js和npm Node.js官網，

Node.js附帶npm，這是用於安裝和管理JavaScript套件的工具。

建立React應用程式

打開命令提示字元指令，打上npx create-react-app my-react-app

進入React應用程式目錄cd my-react-app

執行React應用程式npm start

應該可以看見瀏覽器自己打開，並顯示Learn React的預設畫面

index.js

打開index.js，可以發現畫面的顯示是從root.render開始的，裡面使用了名為App的Component，

我們可以將 root.render的內容註解，寫上<h1>hello world</h1>。

如果是使用visual stduio code，可以直接在裡面的終端機打上npm start，看見瀏覽器刷新。

或是或是重寫App Component (App.js)，來感覺它的運作方式。

import React from "react";

import "./App.css";

function App() {
  return (
    <div className="App">
      <header className="content">
        <h1>App Component</h1>
      </header>
    </div>
  );
}
export default App;

參考資料

Net Ninja