React Native不到两岁,兼容Android平台刚刚1年.我学习React Native其实也就不到1年,不算长,也不算短. Paul Graham在文章中写过:大多数人真正注意到你的时候,不是第一眼看到你站在那里,而是发现了过了这么久你居然还在那里. 我就是Paul提到的"大多数人",当React Native刚出来的时候,我就通过CSDN等一些平台了解了React Native,但是并没有真正的关注它. 过了半年多,发现React Native不但还依然存在,而且还产生了不…

学习React native ,分享几个不错的开源项目,相信你学完之后,一定会有所收获.如果还没有了解RN的同学们可以参考手把手教你React Native 实战之开山篇<一> 1.Facebook's F8 Conference App 项目地址 https://github.com/fbsamples/f8app 2.Reading 来自饿了么RN大神开源的reading项目,已经完成Android和iOS双适配.绝对是一个产品级的开源项目,并且作者还在持续的更新.值得一荐! 项目地址:…

React Native 三端同构 https://www.ibm.com/developerworks/cn/web/wa-universal-react-native/index.html react-native-web https://github.com/necolas/react-native-web https://necolas.github.io/react-native-web/examples/ ReactXP https://github.com/Microsoft/re…

http://www.lcode.org/study-react-native-opensource-one/ http://gold.xitu.io/entry/575f498c128fe100577336b2 本文来自:江清清的技术专栏(http://www.lcode.org) 1.前言 读项目源码是一种非常好的学习方式,现阶段React Native还在高速的发展,版本迭代速度很快,同时入门学习的教程也比较少.因此查看阅读别人写的好的开源项目就非常重要,吸取精华.那本期就来给我大家推荐几…

一.声明和使用样式 1.React Native里面的样式和使用如以下所看到的.StyleSheet.create这个构造函数不是必须的. index.android.js文件 import React, { - - } from 'react-native'; class AwesomeProject extends Component { render() { return ( <View> //全部核心组件都能够接受style属性 <Text style={styles.base}…

这次我们来讲解第三节知识,考虑了下,先不去讲什么理论了,毕竟网上一搜一大堆,而且理论真心看不太懂啊!!! 今天我们就直接上实例喽! 大家HIGH起来!!!(想了好久,还是没舍得删这句话) 1.根据下图配置自己的文件 2.我们先用原始方法 额,忘记告诉大家做什么项目了,那就在这补上吧,咱们先做一个小Demo,既然react是FB的,那我们就做个评论框好了. 搭建一个跟这个页面一样的模型,当然你要做的更好看,就按你的来吧! 我们考虑一下,要是按照原始的方法来怎么写? var container =…

性能优化 每当开发者选择将React用在真实项目中时都会先问一个问题:使用react是否会让项目速度更快,更灵活,更容易维护.此外每次状态数据发生改变时都会进行重新渲染界面的处理做法会不会造成性能瓶颈?而在react内部则是通过使用一些精妙的技巧来最小化每次造成ui更新的昂贵的dom操作从而保证性能的. 避免直接作用于DOM react实现了一层虚拟dom,它用来映射浏览器的原生dom树.通过这一层虚拟的dom,可以让react避免直接操作dom,因为直接操作浏览器dom的速度要远低于操作Jav…

瞬间,有种满血复活的赶脚…… 原因呢,就是熟悉了rn项目的套路:当老大问道,“推送功能看了还是没看呢?”的时候,虽然一直没有调试通,但还是不怯场的回答,“看了,按照网上说的也配了,但是还是用不了,不知道应该从哪里检查.”额……是不是很牵强?是呀,我也觉得自己不太正常,明明是按照步骤来的,为什么一直行不通呢?于是,还是需要老大的帮助. 曲径通幽处 [用 jpush-react-native 插件快速集成推送功能(Android 篇)] 先附上文档地址(主要配置这里均有详细介绍,只是坑在后面): h…

学习东西都有一定的套路,特别是新的框架,对于React Native,我是这么学的. 第一步 : 这是啥 在各种原因下,需要使用某个框架时,那第一件事就是知道这个框架是用来干什么.React Native,就是用来做移动端的跨平台应用(iOS和Android),使用JavaScript来开发.据说性能非常接近原生,这是我最感兴趣的地方. 目前关于Hybrid App的框架,有大概两种分类: 1. 组件以Web实现为主,附加原生功能调用接口 优点:组件可在普通浏览器,微信等页面使用. 缺点:在某些…

我是一名iOS开发者,断断续续一年前开始接触React Native,最近由于工作需要,专职学习React Native也有一个多月了.网络上知识资源非常的多,但能让人豁然开朗.迅速学习的还是少数,我整理出的这些文章对于初学者来说是比较有好的,希望通过整理我的学习路线,能给同样作为iOS开发者,想学习React Native的朋友们一些帮助. 既然是写给iOS开发者的,那么我默认你已经掌握iOS原生应用开发的基本知识,所以对iOS原生开发的相关内容不做解释说明. React Native概念介绍…