isjia / redux-tower-demo

《塔顶上的 Redux》课程源码

Home Page:http://haoqicat.com/redux-tower

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

塔顶上的 Redux 课程案例

各个目录中代码实现的功能:

dev-env: 项目运行环境

02: 展示首页所有课程封面

03: 添加路由

04: 美丽的心形图案

05: 开始使用 redux 的知识点 —— store

06: redux action

07: redux reducer

08: redux 与 react 组件结合

09: React Devtools 演示 Redux 数据流

10: 获取 store 中的 courses 状态值

11: 更新 store 中的 courses 状态值

12: 获取 store 中的 comments 状态值

13: 更新 store 中的 comments 状态值

14: 模块热加载对 reducer 文件生效

15: Redux Devtools 的妙用

只要把除了 dev-env 目录之外,其它目录的代码拷贝到 dev-env/src 目录中,在 dev-env 目录下运行项目,就能查看该目录实现的功能了。

目录 15 中存储的是完整的项目代码,执行如下命令:

cp -rf 15 dev-env/src
cd dev-env
npm install
npm start

About

《塔顶上的 Redux》课程源码

http://haoqicat.com/redux-tower


Languages

Language:JavaScript 99.3%Language:CSS 0.5%Language:HTML 0.3%