iT邦幫忙

2021 iThome 鐵人賽

0
自我挑戰組

Be friend with JavaScript系列 第 31

認識 React.js

有了前面 30 天的基礎之後,開始學 React 吧~
React 打算寫
開發環境
jsx
class component
function component
state
props
React Router
Hooks:
useState
useEffect
useRef
useContext


這篇先來介紹如何建立 React project:

在安裝 React 之前要先安裝 Node.js

Create React App 可以讓我們以最快速度開始開發 React,不需要手動設定 webpack, Babel, Eslint 等工具。

  1. npx create-react-app 專案名稱

建立出來的 React project 會包含三個套件:React, ReactDOM, react-scripts
安裝後,可以到 package.json 查看是否有安裝成功

2. cd 專案名稱
3. npm start
啟動伺服器,完成後畫面如下
https://ithelp.ithome.com.tw/upload/images/20211004/20140282zcFQjvVTEC.png


上一篇
Day 30 - Module
下一篇
React 運作原理 & JSX
系列文
Be friend with JavaScript39
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言