使用 React 來建立網路應用程式
github Source code Angular、React、Vue 是三個最受歡迎的前端框架,這是三篇筆記分別使用這三個不同的框架來建立功能一模一樣的網路應用程式中的第二篇。 這個網路應用程式的需求 産品訂購功能 表頭:訂購商品總數、總額及送出訂單功能 商品過濾功能:依産品類別來顯示商品 商品清單:顯示商品明細、商品售價、訂購數量下拉選單及加入購物車等功能 訂單確認功能:顯示訂購商品明細及總金額 訂購成功功能:顯示訂購完成資訊 使用技術: React 18 Bootstrap 5 (UI Framework) React Router 6 React Redux 8 NodeJS & Express json-server npm-run-all (npm 套件) 建立新專案 使用下列的 create-react-app 語法即可建立最新版 React 預設的應用程式結構 $ npx create-react-app reactapp --template typescript Creating a new React app in /home/egs/cal-data/tech-test/typescript/book/reactapp. Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scripts with cra-template-typescript....