基于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的生命周期图:

组件第一阶段:初始化、渲染以及装载完成;

组件第二阶段:组件运行时候的状态 ①:状态变化引发组件的更新和重新渲染到更新完成

                  ②:父组件属性变化引发组件的更新(是常见的组件之间传递数据和同步状态的手段):比如父组件登录了,子组件也需变成登录状态

组件第三阶段:卸载组件

如果想更深入地学习相关知识点,安利一波Scott老师的RN课程,也可以和我交流讨论。

时间: 2024-10-03 14:45:35

基于RN开发的一款视频配音APP(开源)的相关文章

怎样在ios中的Safari内开发出一款类似native app一样的全屏webapp

此文章转自我www.gbtags.com的文章. <meta name="format-detection" content="telephone=no email=no" /> 1.在meta中取消电话邮箱的识别. <meta name="apple-touch-fullscreen" content="yes"> 2.据说是全屏,但是实际ios7.1无效果,查看了百度的大网站的web站点,都已经移除

基于vue开发的一款强大的表单设计器,支持element和antd-vue表单快速开发。

基于 vue 和 element-ui 实现的表单设计器,使用了最新的前端技术栈,内置了 i18n 国际化解决方案,支持生成element 和 antd-vue 表单,让表单开发简单而高效. 在线预览 使用文档 特性 可视化配置页面 提供栅格布局,并采用flex实现对齐 一键预览配置的效果 一键生成配置json数据 一键生成代码,立即可运行 提供自定义组件满足用户自定义需求 提供远端数据接口,方便用户需要异步获取数据加载 提供功能强大的高级组件 支持表单验证 快速获取表单数据 国际化支持 组件

开源基于百度地图SDK的Android交通助手App

BaiduMap-TrafficAssistant ?? 该项目是基于百度地图SDK开发的一款交通助手App,目前已经上线豌豆荚.魅族应用市场.搜狗手机助手等多个安卓应用市场.目前我决定开源该项目,为更多的安卓应用开发者或者基于百度地图SDK开发人员提供服务和便利.当然App中还有不少bug和可扩展的功能模块,也希望各位开发者为该项目贡献自己的code力量.项目地址:https://github.com/chenyufeng1991/BaiduMap-TrafficAssistant 1.项目简

优分享VR开源啦,优分享VR是基于Google VR开发的一款手机VR视频资源的聚合软件

欢迎来到优分享VR开源项目 优分享VR 开源中国Git地址: http://git.oschina.net/xumingwang/youkes_vr 优分享VR是 优分享安卓APP VR视频播放开源部分.其它开源部分:优分享开源浏览器 优分享VR是基于Google VR开发的一款手机VR视频资源的聚合软件.由于google vr sdk现在出于初级阶段,所以本软件也不能完美的支持一些VR视频资源的播放,不过随着Google VR的发展,优分享也会与时俱进的支持更多的VR视频资源. 优分享VR安卓

开发一款一对一视频社交APP,成品源码*付费社交平台搭建,为你定制

开发一款一对一视频社交APP,成品源码*付费社交平台搭建,为你定制 互联网时代,风云变化,你永远不知道下一秒将会有什么事情发生 日前,布谷鸟科技宣布现已推出多种直播系统,针对直播场景做了诸多优化,彻底解决了直播行业的多个技术痛点.此消息给中国的网络直播行业敲响了警钟,缺乏良好直播技术支撑的平台,将在未来面临用户粘着度下降.竞争力逐渐丧失的风险. 延迟.卡顿是网络直播头号公敌 对于直播平台来说,直播过程中出现的延迟和卡顿是头号公敌. 尽管中国的直播行业正在飞速增长,但75%的受访从业者表示,延迟和

TriAquae 是一款由国产的基于Python开发的开源批量部署管理工具

怀着鸡动的心情跟大家介绍一款国产开源运维软件TriAquae,轻松帮你搞定大部分运维工作!TriAquae 是一款由国产的基于Python开发的开源批量部署管理工具,可以允许用户通过一台控制端管理上千台远程Linux服务器,开发者根据多年运维经验以及运维工程师日常工作的需求开发了很多实用的功能,该工具非常实用,并且使用简单,分分钟即可完成安装并开始利用TriAquae管理你的网络,此软件还在不断的开发和更新,目前已实现以下功能: •        支持WEB界面,所有以以下功能均以在WEB界面上

如何开发好一款质量过硬的视频直播APP软件

如今直播大战进行的如火如荼,对于开发好一款质量过硬的视频直播APP软件,后端直播系统也是其重要的支撑点所在,搭建完整的视频直播APP系统更是重中之重,对于源码的原生开发方案也会涉及其中.今天就跟大家详细的阐述下有关直播APP×××直播平台的具体方案.目前实现一个直播平台从推流到拉流主要由五部分构成: 1.采集通过调用摄像头.麦克风直接采集视音频数据,一般视频采集的数据用RGB或者YUV格式.音频采集数据采用PCM格式,由于采集的原始数据体积非常大,需要经过压缩技术处理来提高传输效率.并且对于采集

物联网开发入门+项目实战视频博学全套

物联网开发入门+项目实战视频博学全套物联网网络编程项目实战视频课程以目前在物联网中比较热门的技术平台为依据,实操为主,理论讲解为辅;引导学员...适用人群对物联网通讯感兴趣的技术人员或在校工科类学生:具备一点C语言基础.课程简介物联网网络编程项目实战视频课程以目前在物联网中比较热门的技术平台为依据,实操为主,理论讲解为辅:引导学员去进行一些简单项目的开发和练习,尽可能通俗的讲解物联网所涉及到的协议.课程大致目录:第1阶段 学前准备01 C语言及程序设计快速入门02 嵌入式C语言高级---语法概述

基于webkit开发分享

因项目需要,需要将B/S上项目以桌面版的形式呈现,并实现控制操作系统锁屏功能,为此只有将其以类似于.NET的WebBrowser控件的方式嵌入winForm,但WebBrowser采用IE内核引擎,对HTML5以及CSS3尚不支持,同时受限于操作系统以及版本限制.为此必须转换思路,通过资料查询,主流浏览器很多,其解释引擎自然也不同,兼容性很好的Chrome采用webkit,FireFox采用GECKO,这两款引擎是我了解目前市场上兼容性比较好的解释引擎,虽说对html5支持程度并不全面,但对于项