Hybird开发react前端学习

React Native实战系列第一篇 — 开篇

2016-03-31  本文已影响1731人  撩课_叶建华

       本系列文章将带着你从0到1进行跨平台开发,包括大型电商项目实战、大型新闻项目实战(一套代码同时运行在iOS平台和Android平台), 近期刚把公众平台上的文章转移至简书,可在文章尾部关注我的公众账号,获取更多资源。

一、前言

       React Native于F8大会开源,在短短不到一年的时间里,它成为手机端必不可少的开发模式之一。 它充分利用了Facebook现有的业务轮子, 其核心设计理念:既拥有Native的用户体验、又保留React的开发效率

        目前,React Native基本完成了对多端的支持,实现了真正意义上的面向配置开发: 开发者可以灵活的使用HTML和CSS布局,使用React语法构建组件,实现:H5, Android, iOS 多端代码的复用。

       此外,使用流畅度和原生的保持在同一层次,这不是我们梦寐以求的开发模式吗?让我们从无到有开启新的学习篇章吧!

二、什么是React Native?

(一)时下两大移动互联网主流技术

       BAT等一线互联网公司的插件化,热修改等技术

       React Native技术(2016年,随着Android版本的稳定,更加火爆)

(二)React Native介绍

       Facebook于2015年9月15日发布React Native,广大开发者可以使用JavaScript和React开发跨平台移动应用,React Native提倡组件化开发,即提供一个个封装好的组件,然后组件相互嵌套形成新的组件

(三)React Native的优势

  3.1  跨平台开发

      运用React Native,我们可以使用同一份业务逻辑核心代码来创建原生应用运行在Web端,Android端和iOS端;(iOS和Android零基础)

 3.2  追求极致的用户体验:热更新

 3.3  learn once,write everywhere (最具魅力)

(四)React Native开发注意事项

  4.1  目前react native在iOS上仅支持ios7以上,Android仅支持`Android4.1`以上版本;

   github地址: https://github.com/facebook/react-native

   官网文档:http://facebook.github.io/react-native/docs/getting-started.html

  4.2  由于React Native的版本更新速度很快,如果没有深厚的JavaScript基础,最适合小白的开发是:a、功能适中,交互一般,不需要特别多的系统原生支持;  b、对于部分复杂的应用,可以考虑原生+React Native混合开发。

三、用React Native开发的跨平台电商项目视频讲解

长按图片-->识别图中二维码

       近期在把公众账号上的文章发布到简书平台。需要了解第一动态,请关注我的微信公众账号,带你从零到一的进行React Native开发实战,公众号中有其他文章、以及对应的code和资料发放!

上一篇 下一篇

猜你喜欢

热点阅读