自己在学习React-Native过程中整理的一份学习指南,包含 教程、开源app和资源网站等,还在不断更新中。欢迎pull requests!

React-Native学习指南
本指南汇集React-Native各类学习资源,给大家提供便利。指南正在不断的更新,大家有好的资源欢迎Pull Requests!

同时还有Awesome React-Native系列

https://github.com/jondot/awesome-react-native

教程
react-native 官方api文档 http://facebook.github.io/react-native/docs/getting-started.html

react-native 中文api文档 (翻译中) https://github.com/ecomfe/react-native-cn

react.js中文文档 http://reactjs.cn/

react.js入门教程(gitbook) http://hulufei.gitbooks.io/react-tutorial/content/introduction.html

react.js快速入门教程 — 阮一峰 http://www.ruanyifeng.com/blog/2015/03/react.html

react.js视频教程 http://react.nodejs-china.org/t/reactjszhong-wen-shi-pin-jiao-cheng-bai-du-wang-pan/584

react-native第一课 http://html-js.com/article/2783

深入浅出 React Native:使用 JavaScript 构建原生应用 http://zhuanlan.zhihu.com/FrontendMagazine/19996445

React Native通信机制详解 http://blog.cnbang.net/tech/2698/

React Native布局篇 http://segmentfault.com/a/1190000002658374

React Native 基础练习指北(一) http://segmentfault.com/a/1190000002645929

React Native 基础练习指北(二) http://segmentfault.com/a/1190000002647733

构建一个简单的列表页和2页导航 http://www.xn--cnq920ntha.cn/archives/235#6838470-tsina-1-17436-6a377b1a66595f9ede646cf5c012734c

Diary of Building an iOS App with React Native http://herman.asia/building-a-flashcard-app-with-react-native

Use React Native in Existing iOS App http://blog-en.leapoahead.com/post/use-react-native-in-existing-ios-app

开源APP
研究源码也是一个很好的学习方式

官方演示App https://github.com/facebook/react-native/tree/master/Examples

ReactNativeRubyChina https://github.com/henter/ReactNativeRubyChina

HackerNews-React-Native https://github.com/iSimar/HackerNews-React-Native

React-Native新闻客户端 https://github.com/tabalt/ReactNativeNews

newswatch(新闻客户端) https://github.com/bradoyler/newswatch-react-native

buyscreen(购买页面) https://github.com/appintheair/react-native-buyscreen

V2EX客户端 https://github.com/samuel1112/v2er

react-native-todo https://github.com/joemaddalone/react-native-todo

react-native-beer https://github.com/muratsu/react-native-beer

react-native-stars https://github.com/86/react-native-stars

模仿天猫首页的app https://github.com/baofen14787/react-native-demo

ReactNativeChess https://github.com/csarsam/ReactNativeChess

react native 编写的音乐软件 https://github.com/Johnqing/miumiu

react-native-pokedex https://github.com/ababol/react-native-pokedex

CNode-React-Native https://github.com/SFantasy/CNode-React-Native

8tracks电台客户端 https://github.com/voronianski/EightTracksReactNative

React-Native实现的计算器 https://github.com/yoxisem544/Calculator-using-React-Native

房产搜索app https://github.com/jawee/react-native-PropertyFinder

知乎专栏app https://github.com/LeezQ/react-native-zhihu-app

ForeignExchangeApp https://github.com/peralmq/ForeignExchangeApp

工具
react-native-snippets(代码提示) https://github.com/Shrugs/react-native-snippets

react-native-babel(使用ES6+) https://github.com/roman01la/react-native-babel

资源网站

reddit react https://www.reddit.com/r/reactjs/

React js example https://reactjsexample.com/

React-native官网 http://facebook.github.io/react-native/

React-China社区 http://react-china.org/

React-native组件库(比较全的组件库) http://react.parts/

React Native Modules http://reactnativemodules.com/

11款React Native开源移动 UI 组件 http://www.oschina.net/news/61214/11-react-native-ui-components

React native example https://reactnativeexample.com/

业界讨论

谈谈 React Native — 唐巧 http://blog.devtang.com/blog/2015/02/01/talk-about-react-native/

如何评价React-Native? http://www.zhihu.com/question/27852694/answer/43990708

React Native概述:背景、规划和风险 http://div.io/topic/938

React JS和React-Native学习指南的更多相关文章

  1. WHAT IS THE DIFFERENCE BETWEEN REACT.JS AND REACT NATIVE?

    Amit Ashwini - 09 SEPTEMBER 2017 React.js was developed by Facebook to address its need for a dynami ...

  2. React.js Tutorial: React Component Lifecycle

    Introduction about React component lifecycle. 1 Lifecycle A React component in browser can be any of ...

  3. React.js入门笔记

    # React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的 ...

  4. React.js入门

    React 入门实例教程   现在最热门的前端框架,毫无疑问是 React . 上周,基于 React 的 React Native 发布,结果一天之内,就获得了 5000 颗星,受瞩目程度可见一斑. ...

  5. 13个精选的React JS框架

    如果你正在使用 React.js 或 React Native 创建用户界面,可以试一试本文推荐的这些框架. React.js 和 React Native 是流行的用户界面(UI)开发平台,且都是开 ...

  6. 【每天半小时学框架】——React.js的模板语法与组件概念

           [重点提前说:组件化与虚拟DOM是React.js的核心理念!]        先抛出一个论题:在React.js中,JSX语法提倡将 HTML 和 CSS 全都写入到JavaScrip ...

  7. React.js/HTML5和iOS双向通信

    最近,我使用WKWebView和React.js进行双向通信,自己写了React.js嵌入到Native中. Native操作Web,通过两种方式传值 第一种,通过JS传值给Native 通过这种方式 ...

  8. React JS 基础知识17条

    1. 基础实例 <!DOCTYPE html> <html> <head> <script src="../build/react.js" ...

  9. react.js 从零开始(一)

    React 是什么? 网络上的解释很多...我这里把他定义为 通过javascript 的形式组件化 html的框架... React 仅仅是 VIEW 层. React 提供了模板语法以及一些函数钩 ...

  10. React.js基础入门

    本文主要是针对React的一些demo教程.参考了菜鸟教程中的react教程,做了一些总结.Demo的下载链接是 https://github.com/RealAndMe/react-demo 下面要 ...

随机推荐

  1. Linux - 基础命令汇总

    珠玉在前,不再赘言. 60个命令 对Linux新手非常有用的20个命令 对中级Linux用户非常有用的20个命令 对Linux专家非常有用的20个命令 一些技巧 最实用的 Linux 命令行使用技巧 ...

  2. maven个人总结

    一.解压maven(apache-maven-3.6.0-bin.zip) ---apache-maven-3.6.0 ---bin(Binary书写) >存放二进制可执行的文件(命令),例如m ...

  3. 微信开发之获取openid及推送模板消息

    有很多的朋友再问我怎么获取code,openid之类的问题,在这里我就给大家分享一下. 在做微信支付是需要获取openid的,推送模板消息也是需要openid包括其他一些功能分享等也都是需要的,ope ...

  4. Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十六):容器部署项目

    容器部署项目 这一章我们引入docker,采用docker容器的方式部署我们的项目. 首先需要有一个linux环境,并且安装 java 和 maven 以及 docker 环境,这个教程多如牛毛,不再 ...

  5. maven自动部署项目以及常见问题解决

    Maven自动部署war到Tomcat1. 在maven项目的pom里配置如下信息 <build> <finalName>dianxiao</finalName> ...

  6. kubeadm部署kubernetes-1.12.0 HA集群-ipvs

    一.概述 主要介绍搭建流程及使用注意事项,如果线上使用的话,请务必做好相关测试及压测. 1.基础环境准备 系统:ubuntu TLS 16.04  5台 docker-ce:17.06.2 kubea ...

  7. JavaWeb学习(二十九)———— 事务

    一.事务的概念 事务指逻辑上的一组操作,组成这组操作的各个单元,要不全部成功,要不全部不成功. 例如:A——B转帐,对应于如下两条sql语句  update from account set mone ...

  8. C语言指针基本操作

    C语言指针基本操作 指针  指针介绍 如果说C语言最有魅力的地方在哪,那么毋庸置疑,非指针莫属了. 众所周知,C语言中每个变量都有一个内存地址,可以通过&进行访问.指针是一个变量,它的值是一个 ...

  9. IOS获取资源路径

    1. 获取已经添加到xcode工程中的某一资源文件 file.txt 的路径 NSString *filePath_= [[NSBundle mainBundle] pathForResource:@ ...

  10. 弱引用(WeakReference)

    在应用程序代码内实例化一个类或结构时,只要有代码引用它,就会形成强引用.这意味着垃圾回收器不会清理这样的对象使用的内存.但是如果当这个对象很大,并且不经常访问时,此时可以创建对象的弱引用,弱引用允许创 ...