7

学习react ,react router,react redux的顺序是什么?怎么学比较好接受这种思想呢

菜菜333 189
2016-06-15 提问

查看全部 18 个回答

0

个人学习时的资源
推荐:http://www.ruanyifeng.com/blo...
react:

http://www.ruanyifeng.com/blog/2015/03/react.html
https://github.com/shiningjason1989/react-quick-tutorial

react-router

http://www.ruanyifeng.com/blog/2016/05/react_router.html
https://github.com/reactjs/react-router-tutorial/tree/master/lessons

redux

https://github.com/react-guide/redux-tutorial-cn
http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html
http://cn.redux.js.org/index.html
https://github.com/reactjs/redux/tree/master/examples (官方DEMO)

该答案已被忽略,原因:

推荐答案

13

已采纳

由浅入深的学习 React。其实思想和基本原理懂了,Redux,React-Redux,React-Router 都只是你的辅助工具而已。给你推荐我的《React.js 小书》,里面对于这三个都有涉及。也许你看完了就有了基本思路。http://huziketang.com/books/r...《React.js 小书》

第一个阶段
Lesson 1 - React.js 简介
Lesson 2 - 前端组件化(一):从一个简单的例子讲起
Lesson 3 - 前端组件化(二):优化 DOM 操作
Lesson 4 - 前端组件化(三):抽象出公共组件类
Lesson 5 - React.js 基本环境安装
Lesson 6 - 使用 JSX 描述 UI 信息
Lesson 7 - 组件的 render 方法
Lesson 8 - 组件的组合、嵌套和组件树
Lesson 9 - 事件监听
Lesson 10 - 组件的 state 和 setState
Lesson 11 - 配置组件的 props
Lesson 12 - state vs props
Lesson 13 - 渲染列表数据
Lesson 14 - 实战分析:评论功能(一)
Lesson 15 - 实战分析:评论功能(二)
Lesson 16 - 实战分析:评论功能(三)

第二个阶段
Lesson 17 - 前端应用状态管理 —— 状态提升
Lesson 18 - 挂载阶段的组件生命周期(一)
Lesson 19 - 挂载阶段的组件生命周期(二)
Lesson 20 - 更新阶段的组件生命周期
Lesson 21 - ref 和 React.js 中的 DOM 操作
Lesson 22 - props.children 和容器类组件
Lesson 23 - dangerouslySetHTML 和 style 属性
Lesson 24 - PropTypes 和组件参数验证
Lesson 25 - 实战分析:评论功能(四)
Lesson 26 - 实战分析:评论功能(五)
Lesson 27 - 实战分析:评论功能(六)

第三个阶段
Lesson 28 - 高阶组件(Higher-Order Components)
Lesson 29 - React.js 的 context
Lesson 30 - 动手实现 Redux(一):优雅地修改共享状态
Lesson 31 - 动手实现 Redux(二):抽离 store 和监控数据变化
Lesson 32 - 动手实现 Redux(三):纯函数(Pure Function)简介
Lesson 33 - 动手实现 Redux(四):共享结构的对象提高性能
Lesson 34 - 动手实现 Redux(五):不要问为什么的 reducer
Lesson 35 - 动手实现 Redux(六):Redux 总结
Lesson 36 - 动手实现 React-redux(一):初始化工程
Lesson 37 - 动手实现 React-redux(二):结合 context 和 store
Lesson 38 - 动手实现 React-redux(三):connect 和 mapStateToProps
Lesson 39 - 动手实现 React-redux(四):mapDispatchToProps
Lesson 40 - 动手实现 React-redux(五):Provider
Lesson 41 - 动手实现 React-redux(六):React-redux 总结
Lesson 42 - 使用真正的 Redux 和 React-redux
Lesson 43 - Smart 组件 vs Dumb 组件
Lesson 44 - 实战分析:评论功能(七)
Lesson 45 - 实战分析:评论功能(八)
Lesson 46 - 实战分析:评论功能(九)

推广链接