[React]meetup-react-sample 範本

環境與版本

作業系統：Window10 64x | 版本：20H2 | OS組件：19042.1110

開發軟件(IDE)：Visual Studio Code

React版本：17.0.2

node.js版本：16.13.0

網址

https://github.com/steven5j/Steven.ReactJsLab/tree/main/Hooks.meetup-react-sample

視頻演示

概述說明

採用 Academind 的 React Crash Course for Beginners 2021 影片中的範例，會實作出一個 Meetups 的網站，你可以在網站新增 Meetups 或是將其他的 Meetups 加入我的最愛當中。

基於以上教學範本，再添加自己的額外更新和新增的資料庫與區塊!

如何啟用這個範例

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

2.在終端機(cmd)下

npm install

指令，開始在資料夾下安裝npm

3.在終端機(cmd)下

json-server --watch db.json

指令，會啟動一個簡易的資料庫後端JSON

4. 在終端機(cmd)下

npm run start 

指令，會詢問是否要創立不同的port去啟動，選擇Y

4.啟用範本

特別技術、函示庫

json-server

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

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

執行畫面

參考資料：

[ Day 29 ] 實作一個 React.js 網站 5/5：https://ithelp.ithome.com.tw/articles/10281567

I Want To Know React – Context 語法：https://ithelp.ithome.com.tw/articles/10252519