React Native 专题讲解系列文章 (入门, 基础, 进阶以及开源项目), 不断更新!

阅读 7992
收藏 473
2016-02-17
原文链接:www.lcode.org

转载注明出处:
地址:www.lcode.org
本文出自:【江清清的技术专栏】
本React Native讲解专题:主要讲解了React Native开发,由基础环境搭建配置入门,基础,进阶相关讲解。

刚创建的React Native技术交流1群(282693535),React Native技术交流2群(496601483)。欢迎各位大牛,React Native技术爱好者加入交流!同时博客右侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送!

关于React Native各种疑难杂症,问题深坑总结方案请点击查看:

Mac和Windows安装搭建React Native环境教程如下:

(一).基本介绍:
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项目
5.React Native进行签名打包成Apk
6.React Native库版本升级(Upgrading)与降级讲解

(三).组件学习:
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组件详解以及实例使用

(三).API模块学习:

(四).React Native进阶:
  1.React Native超棒的LayoutAnimation(布局动画)

(五).React Native开源项目:

1.Pober Wong_17童鞋为gank.io做的纯React Native项目,开源地址:github.com/Bob1993/Rea…
2.聂风童鞋做的《都看影视》React Native项目,开源地址:github.com/changfuguo/…
3.大大做的《新闻阅读Reading》React Native项目,项目地址:www.lcode.org/reading-app…
4.公子小白做的《亲戚称谓计算器》React Native项目,项目地址:www.lcode.org/counterrela…
5.﹌海云天♂做的纯React Native iOS开源项目,开源地址:http://www.lcode.org/react-native-lagou/   或者文章地址:www.lcode.org/react-nativ…
6.成都 - just4fun做的纯React Native iOS开源项目,项目地址:www.lcode.org/uestc-bbs-r…
7.lookingstars做的纯React Native 仿美团iOS开源项目,项目地址:www.lcode.org/react-nativ…

联系我

技术交流群(QQ)

  • Android菜鸟新闻群:99787482
  • React Native交流群:282693535
  • Android开发群3:109244103

二维码扫描(codedev123)

查看图片

你可以通过留言,或者微博、邮箱与我联系。欢迎与我交流,共同进步成长!\^_\^

评论