24小时react/react-native/flux/redux入门—10869人已学习
课程介绍
react/react-native经过几年时间的锤炼,时至今日,无疑是目前前端开发火的框架之一,搞定react/react-native,web端,移动端通吃,再加一个nodejs即成为现在吃香的全栈工程师。
讲师介绍
黎跃春
更多讲师课程
北京从零到壹科技有限公司 创始人 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