React Native开发(一)
本React Native讲解专题:主要讲解了React Native开发,由基础环境搭建配置入门,基础,进阶相关讲解。
关于React Native各种疑难杂症,问题深坑总结方案请点击查看:
Mac和Windows安装搭建React Native环境教程如下:
- Mac OS X版本:Mac OS X安装React Native环境点击进入....
- Windows版本:Windows系统安装React Native环境点击进入...
微信公众账号推送文章清单目录(每天推送React Native技术文章,右侧二维码扫描):https://github.com/jiangqqlmj/WeixinArticles/blob/master/README.md
(一).基本介绍:
React Native For Android是伟大的互联网公司Facebook与2015年9月15日发布的,该可以让我们广大开发者使用JavaScript和React开发我们的应用,该提倡组件化开发,也就是说React Native给我们提供一个个封装好的组件让开发者来进行使用,甚至我们可以相关嵌套形成新的组件。使用React Native我们可以维护多种平台(Web,Android和IOS)的同一份业务逻辑核心代码来创建原生应用。现阶段Web APP的的体验还是无法达到Native APP的体验,所以这边fackbook更加强调的是learn once,write everywhere,应用前端我们使用js和React来开发不同平台的UI,下层核心模块编写复用的业务逻辑代码,提供应用开发效率。
[特别注意]目前react native在ios上仅支持ios7以上,Android仅支持Android4.1以上。
React Native项目github地址:https://github.com/facebook/react-native
React Native项目官网文档:http://facebook.github.io/react-native/docs/getting-started.html
(二).基础入门:
1.React Native For Android环境配置以及第一个实例
2.React Native开发IDE安装及配置
3.React Native应用设备运行(Running)以及调试(Debugging)
4.React Native移植原生Android项目-已废弃
4.1.React Native移植原生Android项目-已更新版本-New
5.React Native进行签名打包成Apk
6.React Native库版本升级(Upgrading)与降级讲解
7.React Native VSCode IDE超强开发插件介绍(智能,代码提醒,运行调试…)
8.React Native特定平台代码说明
9.React Native基础之Linking Libraries链接库配置-适配iOS开发
10.React Native基础之真机设备运行调试应用-适配iOS开发
11.React Native基础之从源代码编译详解-适配Android开发
12.React Native进阶之原生UI组件封装详解-适配Android开发
13.React Native 移植原生iOS平台项目
13.1.React Native 移植原生iOS平台项目-更新最新版本
14.React Native基础之核心组件使用教程介绍-Core Components
15.React Native 基础之Props(属性)与State(状态)使用讲解
16.React Native 基础之Style(样式)讲解
17.使用VSCode开发React-Native的正确姿势-代码智能提醒补全哦
(三).组件学习:
1.React Native控件之View视图讲解
2.1.React Native配置运行官方例子-初学者的福音(Mac OS X版本)
2.2.React Native配置超详细编译运行React Native官方实例UIExplorer项目(Windows版本)
3.React Native控件之Text组件讲解
4.React Native控件之Image组件讲解与美团首页顶部效果实例
5.React Native控件之TextInput组件讲解与QQ登录界面实现
6.React Native控件之ProgressBarAndroid进度条讲解
7.React Native控件之DrawerLayoutAndroid抽屉导航切换组件讲解
8.React Native控件之ScrollView组件讲解
9.WebStorm开发工具设置React Native代码智能提醒
10.React Native控件之ToolbarAndroid工具栏控件讲解以及使用
11.React Native控件之Switch开关与Picker选择器组件讲解以及使用
12.React Native控件之ViewPagerAndroid讲解以及美团首页顶部效果实例
13.React Native控件之Touchable*系列组件详解
14.React Native控件之ListView组件讲解以及详细实例
15.React Native控件之PullToRefreshViewAndroid下拉刷新组件讲解
16.React Native控件之RefreshControl组件详解
17.React Native控件之WebView组件详解以及实例使用
18.React Native控件之Navigator组件详解以及实例
19.React Native 控件之Cilpboard粘贴板使用详解
20.React Native控件之DatePickerAndroid时间日期选择器组件讲解
21.React Native控件之StatusBar状态栏详解
22.React Native控件之PickerIOS选择器详解-适配iOS开发
22.React Native 控件之SegmentedControlIOS分段组件详解-适配iOS开发
23.React Native控件之SliderIOS滑块组件详解-适配iOS开发
24.React Native控件之TabBarIOS和TabBarIOS.Item组件详解及实例
25.React Native控件之ProgressViewIOS进度加载组件详解及实例
26.React Native控件之ActivityIndicatorIOS进度指示器组件详解及实例
27.React Native控件之TimePickerAndroid时间选择器组件详解及实例
28.React Native 控件之Modal详解-Android/iOS双平台通用
(三).API模块学习:
1.React Native API模块之ToastAndroid详解及使用
2.React Native API模块之Alert弹出框详解及使用
3.React Native API模块之AppState详解
4.React Native API模块之NetInfo(网络信息)使用详解
5.React Native API模块之AsyncStorage(持久化存储)使用详解
6.React Native API模块Dimensions屏幕宽高详解
7.React Native API模块BackAndroid拦截返回键事件处理详解
8.React Native API模块StyleSheet样式表详解
9.React Native API模块PixelRatio设备像素密度详解
10.React Native API模块之AlertIOS弹框详解-适配iOS开发
11.React Native API模块之AppStateIOS运行状态详解-适配iOS开发
12.React Native API模块之ActionSheetIOS可点击弹框详解-适配iOS开发
13.React Native API模块之Vibration控制设备震动详解
13.React Native API模块之AppRegistry应用注册入口详解
14.React Native模块之Linking详解以及实例-Android/iOS双平台通用
15.React Native API模块之LayoutAnimation布局动画详解-Android/iOS通用
16.React Native模块之InteractionManager(交互管理器)详解
17.React Native模块之Timers(定时器)详解
18.React Native模块之Share调用系统分享应用详解
19.React Native模块之PermissionsAndroid权限检测与请求应用详解
(四).React Native进阶:
1.React Native超棒的LayoutAnimation(布局动画)
2.React Native控件之组件封装实例(Button按钮)
3.React Native进阶之原生模块封装基础篇1-适配Android开发
4.React Native进阶之原生模块特性篇详解-适配Android开发
5.React Native 进阶之原生混合与数据通信开发详解-适配Android开发
6.React Native进阶之原生模块封装基础篇详解-适配iOS开发
7.React Native进阶之原生模块封装特性篇详解-适配iOS开发
8.React Native 进阶之原生混合与数据通信开发详解-适配iOS开发
9.React Native进阶之Animated动画库详解-基础篇
10.React Native进阶之Animated动画库详解-实例篇
(五).React Native实战:
1.移动端数据库新王者-Realm React Native版本应用详解之抛砖引玉入坑篇(一)
2.移动端数据库新王者-Realm React Native版本应用详解之略陈固陋爬坡篇(二)
3.移动端数据库新王者-Realm React Native版本应用详解之略陈固陋爬坡篇续1(三)
4.带大家一步步开发一个电影数据的App(Movie Fetcher)
5.超详细React Native实现微信好友/朋友圈分享功能-Android/iOS双平台通用
6.[RN实战-嘎嘎商城]之仿快递时间轴布局实现(订单状态)
7.[RN实战-嘎嘎商城]之轻松实现Tab底部菜单导航栏切换效果-Android/iOS双适配
8.[RN实战-嘎嘎商城]之商家详情界面布局分析与实现
9.[RN实战-嘎嘎商城]之记一次项目Redux重构
10.React Native实战系列教程之自定义原生UI组件和VideoView视频播放器开发
(六).React Native开源项目:
1.Pober Wong_17童鞋为gank.io做的纯React Native项目,开源地址:https://github.com/Bob1993/React-Native-Gank
2.聂风童鞋做的《都看影视》React Native项目,开源地址:https://github.com/changfuguo/doukanmv
3.大大做的《新闻阅读Reading》React Native项目,项目地址:http://www.lcode.org/reading-app-react-native/
4.公子小白做的《亲戚称谓计算器》React Native项目,项目地址:http://www.lcode.org/counterrelative-react-native/
5.﹌海云天♂做的纯React Native iOS开源项目,开源地址:http://www.lcode.org/react-native-lagou/ 或者文章地址:http://www.lcode.org/react-native-lagou-source/
6.成都 - just4fun做的纯React Native iOS开源项目,项目地址:http://www.lcode.org/uestc-bbs-react-native/
7.lookingstars做的纯React Native 仿美团iOS开源项目,项目地址:http://www.lcode.org/react-native-meituan-source/
8.race604做的纯React Native 知乎日报开源项目(Android/iOS),开源地址:https://github.com/race604/ZhiHuDaily-React-Native
9.@vczero做的纯React Native豆瓣搜索客户端,开源地址:http://www.lcode.org/react-native-dou-source/
10.@tabalt做的纯React Native新闻客户端,开源地址:http://www.lcode.org/react-native-news-source/
11.@starzhy做的纯React Native码农iOS客户端,项目地址:http://www.lcode.org/react-native-source-manong/
12.@iSimar做的纯React Native Hacker新闻客户端(Android、iOS),项目地址:http://www.lcode.org/react-native-source-hacker/
13.@xiekw2010做的纯React Native Github客户端,兼容Android、iOS平台,开源地址:http://www.lcode.org/react-native-source-gitfeed/
14.@kailuo99做的纯React Native 资讯头条客户端,主要适配iOS平台,项目地址:http://www.lcode.org/react-native-source-zixunapp/
15.@SFantasy做的纯React Native 资讯头条客户端,主要适配iOS平台,项目地址:http://www.lcode.org/react-native-source-weibo/
16.@Kennytian做的纯React Native 仿拉勾网客户端,兼容Android、iOS双平台,项目地址:http://www.lcode.org/react-native-source-lagou-duo/
17.@soliury做的纯React Native CNode论坛客户端,项目地址:http://www.lcode.org/react-native-source-cnode/
18.@zhongjie-chen做的纯React Native 干货集中营客户端,项目地址:http://www.lcode.org/react-native-source-gankio/
19.@MemoryMagic做的纯React Native 知识点记忆客户端,项目地址:http://www.lcode.org/react-native-source-memory/
20.SpikeKing做的纯React Native BBC新闻客户端开源项目,项目地址:http://www.lcode.org/react-native-source-bbc/
21.@rplees做的纯React Native 开源中国Git@OSC客户端,项目地址:http://www.lcode.org/react-native-source-gitosc/
22.@iwgang做的React Native 干货集中营(Gank.io)客户端,项目地址:https://github.com/iwgang/GankCamp-React-Native
更多开源项目请移步:(点击进入开源项目整理)
React Native开发(一)相关推荐
- 【转】【React Native开发】
[React Native开发]React Native控件之ListView组件讲解以及最齐全实例(19) [React Native开发]React Native控件之Touchable*系列组 ...
- windows 下配置 react native 开发环境
windows 下配置 react native 开发环境 安装nvm 由于react native 需要使用 NodeJs 4.0以上版本,为了方便切换NodeJs,首先我们需要安装nvm. 你可以 ...
- React Native开发之必备React基础
为了帮助大家快速上手React Native开发,在这本节中将向大家介绍开发React Native所需要的一些React必备基础知识. 概述 本节课将从React的特点.如何使用React.JSX语 ...
- React Native开发错误警告处理总结(已解决 !持续更新)
注:本文是我在开发过程中遇到问题解决方法的总结,之后会持续更新,希望帮助到更多的学习者.文中有不妥的地方希望指出共同学习,同时欢迎大神补充.(之后我会放出自己开发整理的笔记和GithubDemo地址, ...
- Windows环境下安装React Native开发环境----记一次填坑过程
前言 集成React Native开发环境遇到各个坑,调试了很久出现过找不到设备,百度上个别人的资料有误被绕来绕去耽误了很多时间,下载慢等待时间过长等问题,最后多方查阅资料,电脑重启等操作终于部署好了 ...
- iOS新知识学习之React Native开发工具集
本文整理了React Native iOS开发过程中有用的工具.服务.测试.库以及网站等. 工具 你可以选择不同的开发环境:DECO.EXPO或者你可以使用Nuclide+Atom,目前我使用EXPO ...
- React Native开发之——Webstorm开发RN配置
前言 前文React Native开发之--Webstorm快捷开发介绍了使用Webstorm快捷开发React Native, 本文介绍Webstorm开发RN配置. Webstorm开发RN配置 ...
- 在windows上搭建React Native开发环境
最近要学习React Native,但是在window上搭建开发环境的时候遇到了些问题,以至于一直没有搭建好开发环境. React Native相关项目及文档: react-native的GitHub ...
- react native开发Android 篇——集成自定义的字体
react native开发Android 篇--集成自定义的字体 第一种:link添加自定义字体 第二种:直接复制字体到`android/app/src/main/assets/fonts`目录下 ...
最新文章
- Android --- 两种设置字体加粗的方法
- python中turtle画树_python中turtle可以画树吗?怎么画?
- 国内 GitHub 造假黑色产业链曝光;开源开发者撤销对 ICE 禁用的决定
- 车牌颜色识别现在的结果
- Oracle分页查询格式(八)
- 如何使用SQL Server配置管理器
- 【嵌入式】使用Cross Toolchain构建交叉工具链
- python列表快速排序_python 实现快速排序
- activiti7关联mysql_学习笔记:一个MySQL实例有多个Activiti数据库问题
- 分享自TERRY-V 《Qt Creator生成带图标的exe文件》
- 无广告输入法_完胜搜狗的输入法来了!智能无广告,不用下载就可以使用!
- php 环境搭建 -- 命令配置
- 高德地图只显示某个省份
- 免费UNITY资源的超级列表
- (转贴)联想员工亲历联想大裁员:公司不是家
- (MATLAB/C)高斯拟合法求光斑中心
- Axure 元件属性
- 安卓的短信记录导入苹果_如何将安卓手机短信导入到iphone(未越狱)
- 海南率先成为新能源汽车新零售第一战场
- WPF 开源二维绘画小工具 GeometryToolDemo 项目
热门文章
- LeetCode DP基础
- “王者荣耀”与大数据平台的产品化思想
- 小白日记22:kali渗透测试之提权(二)--抓包嗅探
- 应用在低功耗SMPS中的GaN/氮化镓
- 使用whistle抓包实战
- 创建第一个phpstorm项目(phpstorm+Apache)
- Baxter抓取物块——基于单应性矩阵(一)
- 兰州营区武警官兵“浴雪”炼精兵
- 智慧物业综合管理系统(java+vue+Uni-app),源码免费分享
- python工程师求职信_如何写求职信更容易被录用?