UI前端同学回来抢经验,react native开发实战五部曲的实战与锤炼,咬牙学完保证变大牛!

背景

现在很多移动项目全都专项纯rn开发,对于rn的应用趋势不言而喻,学习一些rn的语法并不是十分困难,但是如何在项目中灵活运用,增加实战项目经验,这还是比较困难的。所以本套课程重点在于通过几个移动项目来体会rn的优劣势,以便于提高同学们的rn的实战经验,在实际工作中或者面试中能更有竞争力。

React native介绍

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。RN使用Javascript语言,类似于HTML的JSX,以及CSS来开发移动应用,因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

React Native的优势

1. 不用Webview,彻底摆脱了Webview让人不爽的交互和性能问题

2. 有较强的扩展性,这是因为Native端提供的是基本控件,JS可以自由组合使用

3. 可以直接使用Native原生的动画(在FB Group这个app里面,面板滑出带一点果冻弹动,面板基于某个点展开这种动画随处可见,这种动画用Native code来做小菜一碟,但是用Web来做就难上加难)。

4. 可以通过更新远端JS,直接更新app,不过这快成为各家大型Native app的标配了

课程目录(每个项目都有配套文档资料)

项目一:代码版本管理项目实战

第1章 项目需求分析、效果演示、功能分解,技术分解、开发计划制定,首页导航架构设计

第2章 项目基础功能开发(ListView、下拉刷新、上拉加载更多、APP启动引导流程)

第3章 Popular(最热)模块开发(AsyncStorage数据库技术、离线缓存)

第4章 Trending(趋势)模块开发(代码优化技巧、高复用代码设计)

第5章 Favorite(收藏)模块开发(数据DAO层设计技巧,数据状态实时更新)

第6章 My(我的)模块开发(代码提取技巧,组合模式应用技巧,数据异步刷新与动态添加)

第7章 Search(搜索)模块开发(动态关键字,可取消异步任务设计)

第8章 MoreMenu(更多菜单)模块开发(封装可配置菜单组件,RN版本升级踩坑)

第9章 高级功能开发(多彩主题、数据统计、社会化分享、第三方登录,热更新等)

第10章 项目发布前的优化、打包与上线Android和IOS APP、学习资料

项目二:宠物视频App项目实战

第01章 课程预热

第02章 初始 React Native

第03章 RN 入门知识学习

第04章 项目初始准备

第05章 开发视频配音页面

第06章 RN 知识串讲

第07章 App 内注册登录

第08章 用户账户页面

第09章 用Koa 开发本地API后台

第10章 开发视频配音页面

第11章 App上线准备工作

项目三:app端pc端媒体资讯app项目实战

第1章 课程简介

第2章 React 简介

第3章 React 初体验

第4章 NodeJS简介与安装

第5章 React 环境配置与调试技巧

第6章 开发工具与必要组件

第7章 React 组件基础

第8章 React 属性与事件

第9章 React 样式

第10章 React Router

第11章 项目实战章 开发环境初始化

第12章 项目实战章 页头页脚模块

第13章 项目实战章 注册登录模块

第14章 项目实战章 首页模块

第15章 项目实战章 详情模块

第16章 项目实战章 个人中心模块

第17章 项目实战章 最后调优

第18章 网页优化

第19章 课程扩展章 React的实用组件

项目四:定位app项目实战

第1章 课程大纲和App演示

第2章 Node.js服务开发

第3章 Nodejs开发后台系统

第4章 React Native 环境搭建和入门

第5章 App主题界面框架搭建

第6章 App卫生间模块开发

第7章 App工具类封装

第8章 App阅读模块开发

第9章 App天气模块开发

第10章 App设置模块开发

第11章 App打包和上线

项目五:列表类app项目实战

第01章 webpack配置

第02章 react基础

第03章 react性能优化方案

第04章 react章 router

第05章 redux基础

第06章 fetch基础

第07章 开发首页

第08章 开发城市页

第09章 开发搜索页

第10章 开发详情页

第11章 开发登录页

第12章 购买和收藏

第13章 用户中心

第14章 评价

第15章 总结

课程展示:

本文来自企鹅号 - 蓝胖子讲大数据媒体

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏GA小站

Adwords转化跟踪跟新方案

这是谷歌官方提供的ADwords转化跟踪方案,如果你的部署有ADwords转化跟踪,建议尽快更改,数据收集缺失。

14640
来自专栏SAP最佳业务实践

SAP最佳业务实践:无变式配置按订单生产(148)-5产成品的技术变更

image.png 1、CSKB客户请求技术变更 客户请求作技术变更。步骤的目的是更改产品的配置(添加物料 R20)。 在BOM 浏览器中,用户参数设置是用来...

37840
来自专栏前端黑板报

使用引流公众号组件,你需要知道这些

小程序又开放一项新能力,就是可以在小程序里面引导关注公众号,那以前是怎么做公众号导流的呢?由于小程序里面无法直接识别二维码,只能提示用户保存公众号二维码,然后微...

24320
来自专栏性能与架构

2016前端开发者调查结果

最流行的JS库和框架 ? 主要看绿色柱和橙色柱即可,绿色 相当于 知名度,橙色 相当于 使用程度。 使用最多的库和框架: jquery,underscore,l...

333110
来自专栏前沿技墅

揭秘React同构应用

侯策:硕士毕业于法国国立高等电信学校。曾任职于BePATIENT集团,负责互联网+医疗平台的研发。曾任职于法国能源和苏伊士集团,参与欧洲天然气运输和费用系统的研...

18730
来自专栏Debian社区

谷歌删除Chrome应用板块 2018年全面停用

日前,虽然 谷歌 宣布消灭Chrome浏览器的应用已经过去一段时间,也的确有一部分应用转换成了插件,但谷歌似乎一直没有采取相应的行动。但在近日,该公司却突然动手...

11130
来自专栏知晓程序

小程序插件审核又没过?教你避开这几个坑 | 开发

18220
来自专栏全栈工程师成长之路

网站项目开发学习手册

44860
来自专栏IMWeb前端团队

RAIL简介:一个以用户为中心的性能模型

本文作者:IMWeb huscot 原文出处:IMWeb社区 未经同意,禁止转载 web性能优化,这是大家耳熟能详的东西了。 一说到性能优化,大家可能...

26570
来自专栏腾讯Bugly的专栏

《腾讯大家》小程序开发总结

腾讯大家小程序与公众号精密结合运营,通过传播引发网友关注,扩大腾讯大家内容的出口。

2.7K110

扫码关注云+社区

领取腾讯云代金券