在如今React、ng、vue三分天下的格局下,不得不让自己加快学习的脚步。虽然经常会陷入各种迷茫,学得越多会发现不会的东西也被无限放大,不过能用新的技术作出一些小项目小Demo还是会给自己些许自信与接着学习的动力。
项目部分展现
项目简介
1. APP后端搭建:
- 使用NodeJs的
koa
框架完成APP后端的搭建; - 使用
mongodb
完成数据存储,通过mongoose
模块完成对mongodb
数据的构建;
2. APP前端搭建:
- 使用
RN
组件式架构、JS类库实现快速开发 - 采用
Flexbox
布局方式 - 无后台
Mock数据
做本地JSON接口,实现前后端分离开发
3. 一些功能模块:
- 启动界面轮播效果的实现;
- 通过短信验证码登入;
- 视频的上传以及静音处理;
- 音频的上传;
- 视频和音频的整合;
- 用户资料的更新;
- 评论模块
- 点赞模块
React的组件生命周期
RN里最重要的有人认为是界面的实现,有人认为是事件的封装,有人认为是交互状态和数据重新渲染的管理,也有人说是组件之间的耦合和接口,一个项目学做下来后,我认为RN里最重要的是组件的生命周期。
react主要思想是构建可复用组件来构建用户界面。在react里面一切皆组件。每个组件里面都是有自己的生命周期,这个生命周期规定了组件的状态和方法,分别在哪个阶段执行。下面附上一张RN的生命周期图:
组件第一阶段:初始化、渲染以及装载完成;
组件第二阶段:组件运行时候的状态 ①:状态变化引发组件的更新和重新渲染到更新完成
②:父组件属性变化引发组件的更新(是常见的组件之间传递数据和同步状态的手段):比如父组件登录了,子组件也需变成登录状态
组件第三阶段:卸载组件