React JS和React-Native学习指南
自己在学习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学习指南的更多相关文章
- 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 ...
- React.js Tutorial: React Component Lifecycle
Introduction about React component lifecycle. 1 Lifecycle A React component in browser can be any of ...
- React.js入门笔记
# React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的 ...
- React.js入门
React 入门实例教程 现在最热门的前端框架,毫无疑问是 React . 上周,基于 React 的 React Native 发布,结果一天之内,就获得了 5000 颗星,受瞩目程度可见一斑. ...
- 13个精选的React JS框架
如果你正在使用 React.js 或 React Native 创建用户界面,可以试一试本文推荐的这些框架. React.js 和 React Native 是流行的用户界面(UI)开发平台,且都是开 ...
- 【每天半小时学框架】——React.js的模板语法与组件概念
[重点提前说:组件化与虚拟DOM是React.js的核心理念!] 先抛出一个论题:在React.js中,JSX语法提倡将 HTML 和 CSS 全都写入到JavaScrip ...
- React.js/HTML5和iOS双向通信
最近,我使用WKWebView和React.js进行双向通信,自己写了React.js嵌入到Native中. Native操作Web,通过两种方式传值 第一种,通过JS传值给Native 通过这种方式 ...
- React JS 基础知识17条
1. 基础实例 <!DOCTYPE html> <html> <head> <script src="../build/react.js" ...
- react.js 从零开始(一)
React 是什么? 网络上的解释很多...我这里把他定义为 通过javascript 的形式组件化 html的框架... React 仅仅是 VIEW 层. React 提供了模板语法以及一些函数钩 ...
- React.js基础入门
本文主要是针对React的一些demo教程.参考了菜鸟教程中的react教程,做了一些总结.Demo的下载链接是 https://github.com/RealAndMe/react-demo 下面要 ...
随机推荐
- Linux - 基础命令汇总
珠玉在前,不再赘言. 60个命令 对Linux新手非常有用的20个命令 对中级Linux用户非常有用的20个命令 对Linux专家非常有用的20个命令 一些技巧 最实用的 Linux 命令行使用技巧 ...
- maven个人总结
一.解压maven(apache-maven-3.6.0-bin.zip) ---apache-maven-3.6.0 ---bin(Binary书写) >存放二进制可执行的文件(命令),例如m ...
- 微信开发之获取openid及推送模板消息
有很多的朋友再问我怎么获取code,openid之类的问题,在这里我就给大家分享一下. 在做微信支付是需要获取openid的,推送模板消息也是需要openid包括其他一些功能分享等也都是需要的,ope ...
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十六):容器部署项目
容器部署项目 这一章我们引入docker,采用docker容器的方式部署我们的项目. 首先需要有一个linux环境,并且安装 java 和 maven 以及 docker 环境,这个教程多如牛毛,不再 ...
- maven自动部署项目以及常见问题解决
Maven自动部署war到Tomcat1. 在maven项目的pom里配置如下信息 <build> <finalName>dianxiao</finalName> ...
- kubeadm部署kubernetes-1.12.0 HA集群-ipvs
一.概述 主要介绍搭建流程及使用注意事项,如果线上使用的话,请务必做好相关测试及压测. 1.基础环境准备 系统:ubuntu TLS 16.04 5台 docker-ce:17.06.2 kubea ...
- JavaWeb学习(二十九)———— 事务
一.事务的概念 事务指逻辑上的一组操作,组成这组操作的各个单元,要不全部成功,要不全部不成功. 例如:A——B转帐,对应于如下两条sql语句 update from account set mone ...
- C语言指针基本操作
C语言指针基本操作 指针 指针介绍 如果说C语言最有魅力的地方在哪,那么毋庸置疑,非指针莫属了. 众所周知,C语言中每个变量都有一个内存地址,可以通过&进行访问.指针是一个变量,它的值是一个 ...
- IOS获取资源路径
1. 获取已经添加到xcode工程中的某一资源文件 file.txt 的路径 NSString *filePath_= [[NSBundle mainBundle] pathForResource:@ ...
- 弱引用(WeakReference)
在应用程序代码内实例化一个类或结构时,只要有代码引用它,就会形成强引用.这意味着垃圾回收器不会清理这样的对象使用的内存.但是如果当这个对象很大,并且不经常访问时,此时可以创建对象的弱引用,弱引用允许创 ...