24小时react/react-native/flux/redux入门—10869人已学习
课程介绍
react/react-native经过几年时间的锤炼,时至今日,无疑是目前前端开发火的框架之一,搞定react/react-native,web端,移动端通吃,再加一个nodejs即成为现在吃香的全栈工程师。
课程收益
1、熟练掌握react语法基础 2、熟练掌握Flux架构原理 3、熟练掌握Redux架构 4、熟练掌握iOS & Android项目适配 5、熟练掌握移动端项目架构搭建 6、熟练掌握ES 6 / ES 7语法
讲师介绍
黎跃春 更多讲师课程
北京从零到壹科技有限公司 创始人 CEO 孔壹学院 教学总监 21点见 产品经理,架构师
课程大纲
第1章:React基础语法
1. react-react-native 15:38
2. React简易环境安装 7:31
3. package和nodemudules的关系 20:50
4. 代码裁剪 8:30
5. 输出21点见字符串 20:14
6. 盒子模型结构 19:12
7. JSX语法 16:16
8. JSX和map函数的使用 8:01
9. 箭头函数 12:03
10. 如何自定义组件 18:10
11. 对象的导入导出 9:58
12. 属性默认值-类型绑定 23:15
13. 状态机变量刷新的原理 29:39
14. 状态机变量的几种写法 7:24
15. 组建的生命周期 25:02
第2章:TodoApp基础完整版实现
1. TodoApp项目初始化 8:43
2. TodoApp项目结构搭建 14:55
3. 项目UI搭建 7:19
4. TodoApp-TodoItem优化 5:50
5. TodoApp-props-defalutValue-PropTypes 26:28
6. TodoApp-...this.props 3:37
7. TodoApp-动态的计算待办事项的个数 7:50
8. TodoApp-动态的生成TodoItem 6:00
9. TodoApp-改变待办状态 30:43
10. TodoApp-删除Item 12:00
11. TodoApp-新增待办事项 15:50
12. TodoApp-待办事项的编辑 33:09
13. TodoApp-fetch读取本地数据 11:46
第3章: TodoApp-Flux架构完整版
1. TodoApp-完成dispatcher重要的角色 22:02
2. TodoApp-完成Action重要的角色 16:43
3. TodoApp-完成TodoStore重要的角色 28:39
4. TodoApp-Flux单向数据流的流通 14:57
5. TodoApp-Container-pattern设计模式 13:18
6. TodoApp-ReduceStore优化TodoStore 16:59
7. TodoApp-Container优化 6:57
第4章:CounterApp-FLux版
1. CounterApp-基础版本 14:19
2. CounterApp-flux基础版本 37:55
3. CounterApp-ReduceStore 7:40
4. CounterApp-Container 3:08
第5章:TodoApp-Redux版
1. Redux & Flux 简单对比 16:01
2. 完成Redux中重要的Action角色 16:32
3. 完成Rdux系统中重要的角色reducer 12:58
4. store角色完成 11:46
5. thunkMiddleware手写版原理 11:23
6. redux-thunk 4:00
7. Redux系统完整版 28:21
第6章:Flexbox布局
1. 层叠样式表介绍 20:06
2. 盒子模型 34:58
3. 什么是flexbox 9:21
4. flex-direction 7:55
5. flex-wrap 4:15
6. flex-flow 2:22
7. justify-content 6:24
8. align-items 2:42
9. align-content 7:47
10. order 3:21
11. flex-grow 4:38
12. flex-shrink 5:55
13. flex-basis 8:34
14. flex 6:53
15. align-self 6:18
16. 经典的flexbox布局-骰子项目 30:20
第7章:react-native入门
1. 环境安装 11:12
2. react-native调试技巧 26:19
3. rn-样式的用法 20:49
4. flex项目属性 10:11
5. flexDirection 1:42
6. flexWrap 4:46
7. justifyContent 4:39
8. alignItems&alignSelf; 3:56
9. posistion 4:46
第8章:MyChat登录跨平台项目
1. MyChat项目 01:00:40
第9章:ListView
1. ListView基础 33:20
2. 等宽等高瀑布流 11:17
3. ListView实现通讯录分组 39:40
第10章: FindGithub跨平台项目
1. FindGithub基础跨平台版本 41:03
2. FindGithub-Redux系统版 42:42
第11章: CNode项目-NavigatorIOS-Redux
1. 框架 & UI搭建 37:03
2. 002reducer & action & store完成 34:12
3. 数据请求 & 数据展示 & 完成整个Redux 系统数据流通 01:11:16
第12章:react-navigation系列课程
1. react-navigation安装 18:26
2. 导航之间跳转 7:28
3. 导航正向传值 5:54
4. 导航之间的嵌套 10:52
5. header & tab config 42:02
6. tabBar相关配置 16:25
第13章:动漫之家App(iOS && Android)
1. ComicApp项目框架搭建 49:58
2. 广告集成&数据来源 43:40
3. 首页Cell布局 24:36
4. 发现页布局 11:12
5. 发现&精选页面布局 17:05
6. 主页Action&网络请求封装 17:04
7. store & reducers 7:34
8. Redux系统完成&数据请求 22:29
9. iOS数据请求失败处理 12:41
10. react-navigation新api更新 15:21
11. 抽屉的打开和关闭 27:17
12. 导航和tabBar配置 16:16
13. 首页数据请求与展示 41:07
14. 主页面数据展示完成 41:39
15. 章节页面布局 58:46
16. 章节页面redux系统完善 10:23
17. 详情页完善 54:32
大家可以点击【 查看详情】查看我的课程
课程介绍
react/react-native经过几年时间的锤炼,时至今日,无疑是目前前端开发火的框架之一,搞定react/react-native,web端,移动端通吃,再加一个nodejs即成为现在吃香的全栈工程师。
课程收益
1、熟练掌握react语法基础 2、熟练掌握Flux架构原理 3、熟练掌握Redux架构 4、熟练掌握iOS & Android项目适配 5、熟练掌握移动端项目架构搭建 6、熟练掌握ES 6 / ES 7语法
讲师介绍
黎跃春 更多讲师课程
北京从零到壹科技有限公司 创始人 CEO 孔壹学院 教学总监 21点见 产品经理,架构师
课程大纲
第1章:React基础语法
1. react-react-native 15:38
2. React简易环境安装 7:31
3. package和nodemudules的关系 20:50
4. 代码裁剪 8:30
5. 输出21点见字符串 20:14
6. 盒子模型结构 19:12
7. JSX语法 16:16
8. JSX和map函数的使用 8:01
9. 箭头函数 12:03
10. 如何自定义组件 18:10
11. 对象的导入导出 9:58
12. 属性默认值-类型绑定 23:15
13. 状态机变量刷新的原理 29:39
14. 状态机变量的几种写法 7:24
15. 组建的生命周期 25:02
第2章:TodoApp基础完整版实现
1. TodoApp项目初始化 8:43
2. TodoApp项目结构搭建 14:55
3. 项目UI搭建 7:19
4. TodoApp-TodoItem优化 5:50
5. TodoApp-props-defalutValue-PropTypes 26:28
6. TodoApp-...this.props 3:37
7. TodoApp-动态的计算待办事项的个数 7:50
8. TodoApp-动态的生成TodoItem 6:00
9. TodoApp-改变待办状态 30:43
10. TodoApp-删除Item 12:00
11. TodoApp-新增待办事项 15:50
12. TodoApp-待办事项的编辑 33:09
13. TodoApp-fetch读取本地数据 11:46
第3章: TodoApp-Flux架构完整版
1. TodoApp-完成dispatcher重要的角色 22:02
2. TodoApp-完成Action重要的角色 16:43
3. TodoApp-完成TodoStore重要的角色 28:39
4. TodoApp-Flux单向数据流的流通 14:57
5. TodoApp-Container-pattern设计模式 13:18
6. TodoApp-ReduceStore优化TodoStore 16:59
7. TodoApp-Container优化 6:57
第4章:CounterApp-FLux版
1. CounterApp-基础版本 14:19
2. CounterApp-flux基础版本 37:55
3. CounterApp-ReduceStore 7:40
4. CounterApp-Container 3:08
第5章:TodoApp-Redux版
1. Redux & Flux 简单对比 16:01
2. 完成Redux中重要的Action角色 16:32
3. 完成Rdux系统中重要的角色reducer 12:58
4. store角色完成 11:46
5. thunkMiddleware手写版原理 11:23
6. redux-thunk 4:00
7. Redux系统完整版 28:21
第6章:Flexbox布局
1. 层叠样式表介绍 20:06
2. 盒子模型 34:58
3. 什么是flexbox 9:21
4. flex-direction 7:55
5. flex-wrap 4:15
6. flex-flow 2:22
7. justify-content 6:24
8. align-items 2:42
9. align-content 7:47
10. order 3:21
11. flex-grow 4:38
12. flex-shrink 5:55
13. flex-basis 8:34
14. flex 6:53
15. align-self 6:18
16. 经典的flexbox布局-骰子项目 30:20
第7章:react-native入门
1. 环境安装 11:12
2. react-native调试技巧 26:19
3. rn-样式的用法 20:49
4. flex项目属性 10:11
5. flexDirection 1:42
6. flexWrap 4:46
7. justifyContent 4:39
8. alignItems&alignSelf; 3:56
9. posistion 4:46
第8章:MyChat登录跨平台项目
1. MyChat项目 01:00:40
第9章:ListView
1. ListView基础 33:20
2. 等宽等高瀑布流 11:17
3. ListView实现通讯录分组 39:40
第10章: FindGithub跨平台项目
1. FindGithub基础跨平台版本 41:03
2. FindGithub-Redux系统版 42:42
第11章: CNode项目-NavigatorIOS-Redux
1. 框架 & UI搭建 37:03
2. 002reducer & action & store完成 34:12
3. 数据请求 & 数据展示 & 完成整个Redux 系统数据流通 01:11:16
第12章:react-navigation系列课程
1. react-navigation安装 18:26
2. 导航之间跳转 7:28
3. 导航正向传值 5:54
4. 导航之间的嵌套 10:52
5. header & tab config 42:02
6. tabBar相关配置 16:25
第13章:动漫之家App(iOS && Android)
1. ComicApp项目框架搭建 49:58
2. 广告集成&数据来源 43:40
3. 首页Cell布局 24:36
4. 发现页布局 11:12
5. 发现&精选页面布局 17:05
6. 主页Action&网络请求封装 17:04
7. store & reducers 7:34
8. Redux系统完成&数据请求 22:29
9. iOS数据请求失败处理 12:41
10. react-navigation新api更新 15:21
11. 抽屉的打开和关闭 27:17
12. 导航和tabBar配置 16:16
13. 首页数据请求与展示 41:07
14. 主页面数据展示完成 41:39
15. 章节页面布局 58:46
16. 章节页面redux系统完善 10:23
17. 详情页完善 54:32
大家可以点击【 查看详情】查看我的课程