基于RN开发的一款视频配音APP(开源)
在如今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的生命周期图:
组件第一阶段:初始化、渲染以及装载完成;
组件第二阶段:组件运行时候的状态 ①:状态变化引发组件的更新和重新渲染到更新完成
②:父组件属性变化引发组件的更新(是常见的组件之间传递数据和同步状态的手段):比如父组件登录了,子组件也需变成登录状态
组件第三阶段:卸载组件
页:
[1]