认识 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 31:「不够吃了...哪里还有红萝卜?」- Tailwind 和 Vue 的资源分享

>>:  day17_Windows ARM 的网站开发之旅

[Day-30] 最後一天的小练习

首先要庆祝一下~ 终於撑到30天了 今天要来练习的是利用switch 来做一个选择的模式 模式有三种...

[Day5] Holt's Model 介绍

第四篇我们介绍了时间序列经典的统计预测方法 ARIMA,包含公式内的两大模型 AR model、MA...

全端入门Day19_前端程序撰写之JavaScript

说完了HTML跟CSS了,就剩下JavaScript了! JavaScript入门 要让网页能够有动...

django新手村13-----路由规则

urls.py str有可以用int path('personal_info<str:name...

【第十八天 - Flutter Cloud Messaging(下)】

前言 今日的程序码 => GITHUB 路由器教学 => 【第三天 - Flutter ...