RN入门到进阶,打造高质量上线App
CrazyCodeBoy | 有Geek精神的全栈架构师
结合大厂主流核心技术,从架构设计到进阶拓展
本课程将带你解锁React Native开发应用新姿势;课程中老师会手把手带你开发并打包上线一款完整的跨平台App;让你拥有一次真正参与上线项目开发的历程,同时全面掌握React Native核心技术,让你的技术能力和项目经验得到前所未有的提升!
解锁React Native新版热门技术 助力升职加薪!
专为Android/iOS/Web前端工程师倾力打造的React Native实战教程
新版react-navigation导航器开发指南
导航器使用必备基础
导航器开发使用的踩坑避雷针
常用导航器开发精讲
矢量图标(react-native-vector-icons)使用指南
需求分析、模块设计
App开发流程结构与技术分解
新版react-native与Redux集成开发指南
基于react-navigation的App导航框架搭建
react-navigation高级应用与实现动态导航器
基于Redux搭建项目框架
Redux由浅入深精讲
基于Redux搭建项目框架
react-redux全面剖析与讲解
Redux异步Action,异步数据流,中间件
Redux在React Native项目中的应用
全面屏适配与兼容问题
全面屏的特点及存在的问题
全面屏的适配与优化
如何适配iPhone 全面屏
小米、三星等全面屏与凹凸屏手机适配
react-navigation在全面屏凹凸屏上的应用
如何去自定义一个容器组件
React Native混合开发
React Native混合开发流程原理、场景
React Native混合开发核心技术、
React Native混合开发经验与技巧
React Native升级与适配指南
React Native版本升级经验与技巧
React Native版本适配经验与技巧
不同升级方式的优缺点对比
真实的上线项目+完整的开发过程=真正能够让你能力提升的课程
无论是新人还是老手,都能让你的技术能力和项目经验得到前所未有的提升
网络编程与数据存储技术
网络编程的相关经验和技巧
数据库编程的相关经验和技巧
Fetch、AsyncStorage封装和使用
RN项目的网络框架的分层设计
离线缓存框架的设计与实现
最热模块的实现
Redux+FlatList实现列表页数据加载
异步action与数据流
如何自定义组件实现列表Item
action如何和调用页面进行交互
FlatList的高级应用与加载更多的优化
趋势模块的实现
如何优化TabNavigator的效率
如何封装自定义组件
如何基于Modal实现自定义弹框
如何最大程度的进行代码封装与复用
WebView的使用与封装并实详情页
收藏模块的实现
基于多数据存储设计思想实现FavoriteDao
为最热与趋势模块添加收藏与取消收藏的功能
如何妙用callback解决Item跨组件更新问题
如何基于最新React标准封装组件
封装BaseItem并通过继承的方式进行代码复用
搜索模块的实现
如何设计与实现搜索模块
取消异步任务的思考与实现以及其在redux中的应用
如何实现一个带搜索的NavBar
输入框TextInput的使用与扩展
如何动态显示搜索模块添加的关键字
打包发布与CodePush热更新
如何使用CodePush进行热更新
项目发布与部署技巧
CodePush更新策略与调试技巧
如何打包发布React Native Android应用
如何打包发布React Native iOS应用
全面覆盖React Native开发App的各个环节
互联网一线大厂开发标准 带你更好的体验上线项目开发流程
适合人群
1. 具备一定自学能力;
2. 具备基本开发经验的前/后端工程师,以及致力于从事
Android、iOS,或者跨 iOS/Android 技术栈开发的工程师;
技术储备要求
1.具备JavaScript、ES5,ES6,React 前端基础
2.具备ReactNative技术基础(语法,环境搭建)
3.了解XCode、AndroidStudio开发工具使用
课程服务
课程讲师
CrazyCodeBoy
有Geek精神的全栈架构师
深耕移动端领域10年+,负责过多款大型Android、iOS、小程序项目的研发,有多Android、Flutter、RN App上线及管理经验,在慕课网现已上线了多门课程,广受好评,有诸多学生进入了Amazon、阿里、字节跳动等大厂就职。
咨询更多
相关学习路线
相关课程
问答专区
讲师提供答疑服务,帮助大家扫除学习障碍,达成学习效果
源码开放
课程将提供与教学配套的示例源码,帮助您同步实践
教辅材料
讲师提供各种原创学习资料,帮助消化课程知识,扩展技术视野
Git代码存储
可通过Git方式托管及下载项目代码
源码更新
重磅升级: 1、react-native升级并适配到最新版0.7x; 2、依赖库升级;
视频更新
RN 2022重磅升级 1.全新支持Hooks 、TypeScript、RN最新特性 2.全新设计导航框架支持react-navigation 6.x 3.全新设计网络层框架HiNet,网络交互更加自如 4.基于大厂主流核心技术全新打造,涵盖架构设计+进阶拓展 5.配套图文讲解,学习上手更轻松
源码更新
混合开发案例代码和教程更新: 1.适配"react-native": "0.62.2"及以上版本 2.适配Android X 3.适配react navigation 5x以及更新适配教程
源码更新
课程源码及配套文档已经更新: react-native、react-navigation等核心组件升级适配至最新版: 1."react-native": "0.61.2", -> "react-native": "0.62.1" 2."react-native-code-push": "^5.7.0" -> "react-native-code-push": "^6.2.0" 以适配最新rn 3."GitHubTrending": "^3.1.5" -> "GitHubTrending": "^3.2.0" 4.react-navigation 系列组件升级 5.react-native-sortable-listview 升级替换成 react-native-sortable-listview-newer 以适配最新rn 6.启动屏由LaunchImage改为LaunchScreen.storyboard 以适配新版Xcode https://git.imooc.com/coding-304/GitHub_Advanced
源码更新
课程源码及配套文档已经更新,更新如下:升级react-navigation 到4.1.0 及以上版本,教程《react-navigation 4x安装及升级适配说明》更新,详请查看:https://git.imooc.com/coding-304/GitHub_Advanced。
源码更新
课程源码已经升级:导航器和redux分离,新的redux接入方式更加轻量级。
视频更新
视频增加了react-navigation导航器开发指南,包括最新react-navigation4.x和矢量图标(react-native-vector-icons)的使用,更新了新版react-native与Redux集成开发指南,基于react-navigation的App导航框架搭建及react-navigation高级应用与动态导航器的实现。
源码更新
课程源码及配套文档已经升级适配到RN0.6x以及react-navigation4x,友盟分享和统计在内的所有插件也已升级适配到最新版。
材料更新
课程为大家增加了93道作业练习(分布在对应的章节),大家可以利用这些作业进行课前自测,也可以先浏览一遍作业,然后带着这些问题有针对性的学习,还可以在学习完对应章节后,巩固本章知识点。希望能让大家更高效的掌握RN开发技术。
视频更新
课程最后一章为大家赠送老师的新课《Flutter从入门到进阶-实战携程网App》体验课-入门篇 目的是希望能降低大家选择Flutter这门课程的选择风险,让大家少走冤枉路,少花冤枉钱,祝大家学习愉快!
源码更新
源码升级:适配react-native:0.59.1(最新版),教程参见课程源码下载区readme
材料更新
APP体验二维码:https://pan.baidu.com/s/1mXNnO_RTvhRDeonufIwZSA (目前只支持安卓版体验)
视频更新
新增了React Native基础知识加油站【选看】,专为RN基础不扎实的同学准备的加油站【有RN基础的同学可跳过这一章】,希望可以帮助大家更容易,更快速的夯实基础,从而更好的进行后续的项目实战 2-1 开发环境搭建指导-iOS平台 2-2 开发环境搭建指导-Windows平台 2-3 React Native项目调试讲解 2-4 ES6,ES7,ES8学习指南-1 2-5 ES6,ES7,ES8学习指南-2 2-6 ES6,ES7,ES8学习指南-3 2-7 React必备基础讲解-1 2-8 React必备基础讲解-2 2-9 React Native布局知识详解-1 2-10 React Native布局知识详解-2
材料更新
课程开放了试看功能:https://coding.imooc.com/class/chapter/304.html#Anchor
材料更新
增加了四套效果图
材料更新
1.每个核心章为大家添加了N个练习作业,让大家带着问题去学习,学完本章后又可以将所学知识进行巩固和检验。
具备基本开发经验的前/后端工程师
Android、ios,跨技术栈开发工程师
致力于从事移动端开发的同学
JavaScript、ES6、React前端基础
熟悉Xcode、AndroidStudio开发工具