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 下面要 ...
随机推荐
- div、span内容超出省略号
span设置部分省略...: span{ overflow: hidden; text-overflow: ellipsis; -o-text-over ...
- python实现快速排序算法
快速排序算法又称划分交换排序(partition-exchange sort),一种排序算法,最早由东尼·霍尔提出.在平均状况下, 排序n个项目要O(nlogn)次比较.在最坏状况下则需要O(n*2) ...
- 在word 2010中采用EndNote X7插入引用
本文只供入门操作,记于此以防自己忘记,或帮助走过路过的你解决一时之需,即便是只能帮助到一个人,我的辛苦也就没有白费. 用EndNote向Word中直接插入参考文献能极大的提高论文写作的速度.在此以En ...
- 线程间通信wait和notify【All】简介
1.通信就是指相互交换一些数据或者发送一些控制指令,比如一个线程给另一个暂停执行的线程发送一个恢复执行的指令. 可变共享变量是天然的通信媒介,也就是说一个线程如果想和另一个线程通信的话,可以修改某个在 ...
- Jenkins系列之一——初识
Jenkins Jenkins是一个开源软件项目,是基于Java开发的一种持续集成工具,用于监控持续重复的工作,旨在提供一个开放易用的软件平台,使软件的持续集成变成可能. 功能 Jenkins功能包括 ...
- Django--自定义 Command 命令
Django 对于命令的添加有一套规范,你可以为每个app 指定命令.通俗一点讲,比如在使用manage.py文件执行命令的时候,可以自定制自己的命令,来实现命令的扩充. commands的创建 1. ...
- EasyNetQ中使用自定义的ISerializer
最近在使用EasyNetQ时,遇到一个问题:c++项目组发送的消息数据不是Json数据,而是自定义的数据格式(各字段+‘|’连接成一个字符串),EasyNetQ中消费消息接收的都是强类型,没办法直接消 ...
- 《Kubernetes权威指南》——Kubelet运行机制与安全机制
1 Kubelet运行机制 Kubenetes集群中的每个Node节点都会启动一个Kubelet服务进程用于处理Master下发到该节点的任务,管理Pod及其中的容器 Kubelet进程在API Se ...
- Java工程师学习指南 初级篇
Java工程师学习指南 初级篇 最近有很多小伙伴来问我,Java小白如何入门,如何安排学习路线,每一步应该怎么走比较好.原本我以为之前的几篇文章已经可以解决大家的问题了,其实不然,因为我之前写的文章都 ...
- 从零开始学 Web 之 JS 高级(二)原型链,原型的继承
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...