軟體工程筆記 javascript

[React]meetup-react-sample 範本

環境與版本 作業系統:Window10 64x | 版本:20H2 | OS組件:19042.1110 開發軟 […]

環境與版本

作業系統: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

  1. 在終端機(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