[React]CRUD 備忘錄 範本

網址

https://github.com/steven5j/Steven.ReactJsLab/tree/main/Hooks.CRUD.todoListLab/react-crash-course

概述說明

布魯斯前端 所教學的範本，自己也做一個，並加上React-bootstrap ，將相關技術和內容記錄下來，在未來的時候，可以使用到這個Lab

如何啟用這個範例

1.用VS CODE 打開到範例資料夾

2.在終端機(cmd)下 npm install指令，開始在資料夾下安裝npm

2.在終端機(cmd)下 npm run server 指令，會啟動一個簡易的資料庫後端JSON

3. 在終端機(cmd)下 npm run start 指令，會詢問是否要創立不同的port去啟動，選擇Y

4.啟用範本

特別技術、函示庫

React-Bootstrap

https://react-bootstrap.github.io/

json-server

在不到 30 秒的時間內（認真地）獲得零編碼的完整假 REST API 

https://www.npmjs.com/package/json-server

prettier

代碼變漂亮格式化程序

https://www.npmjs.com/package/prettier

UUID

用於創建 RFC4122 UUID

https://www.npmjs.com/package/uuid

執行畫面

參考資料：

【前端速成】React 快速入門｜Tiktok工程師帶你入門前端｜布魯斯前端：https://youtu.be/zqV7NIFGDrQ

React-Bootstrap：https://react-bootstrap.github.io/