react + redux的入門級demo
概述
初步熟悉react 和 redux 的一個demo,界面比較粗糙
簡單的一個商品列表和加入購物車脖咐,從購物車刪除等功能,暫時沒有涉及到接口
主要是熟悉redux的基本使用私杜。
redux相關(guān)的內(nèi)容我都放在store 的目錄里面区宇,因為比較熟悉vue,所以也按vue的思路去創(chuàng)建目錄
構(gòu)建工具使用webpack
目錄結(jié)構(gòu)
--src
|--css
|--img
|--js
|--api //沒有用到接口
|--components //公用組件
|--containers //容器毅舆,在容器里可以將需要用到的state和action 傳到組件
|--router //路由
|--store
|--actions
|--reducers //這里我是重reducers ,將相關(guān)的處理邏輯寫在reducers里面
|--actionTypes //就跟vue里面的mutation.js 差不多
|--main.js //入口文件
總體來說西篓,從入門的情況看,我個人覺得vue相對會比較友好一點
demo展示
運行
//默認(rèn)是 localhost:8081 可以在package.json 文件修改
npm i && npm run dev
//上線
npm run build