---
# System prepended metadata

title: 2.1 React
tags: [React]

---

# 2.1 React
###### tags: `React`
## 零、目錄&代辦事項

[TOC]

## 壹、範例1.Student.js


## 貳、會員註冊與登入表單
* 後端驗證輸入的資料比較好

## 參、購物車

### 一、利用bootstrap的modal跳出加入購物車的訊息
* 要找跟react可以相接的套件
reactbootstrap -> modals
sweet alert2
react-modal
material ui(要再套件裡面挖)
螞蟻金服(要再套件裡面挖)
* 購物車到底是加入到哪裡呢?
* LocalStorage，在Application->Storage->LocalStorage
* LocalStorage是用Key跟值(字串，通常是JSON字串)


## 肆、React開發流程

[上課的圖](https://github.com/eyesofkids/mfee11-react/blob/main/%E6%95%99%E6%9D%90/0201/%E5%B0%88%E6%A1%88%E6%B5%81%E7%A8%8B%E5%9C%96.png)

* 如果有動畫或特效的話直接去找別人的元件比較快，issue19-22有很多可以用的東西。

## 伍、JSON-DB

[上課講義](https://github.com/eyesofkids/mfee11-react/blob/main/%E6%95%99%E6%9D%90/0201/%E5%B0%88%E6%A1%88%E6%B5%81%E7%A8%8B%E5%9C%96.png)

* JSON內不能放函式，若放undefined會轉成null。
* POSTMAN模擬client發出request，url中的server再予以回應。
* put和patch都是修改，差別在於put要給全部，patch是給要改的部分的資料就好。通常用put，全部更因就不用去判斷那些有改。
* del只要給id就好了。

## 陸、

## 柒、

## 捌、

## 玖、

## 拾、