V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
heshanfu
V2EX  ›  React

React JS 和 React-Native 学习指南

  •  
  •   heshanfu · 2018-10-02 11:30:39 +08:00 · 2497 次点击
    这是一个创建于 2279 天前的主题,其中的信息可能已经有所发展或是发生改变。
    自己在学习 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://www.zhihu.com/question/27852694/answer/43990708

    React Native 概述:背景、规划和风险 http://div.io/topic/938
    4 条回复    2018-10-06 13:42:44 +08:00
    yazoox
        1
    yazoox  
       2018-10-02 11:59:07 +08:00 via Android
    赞一下楼主!
    del1214
        2
    del1214  
       2018-10-02 14:12:04 +08:00 via iPhone
    Mark
    carpediemvv
        3
    carpediemvv  
       2018-10-02 14:22:22 +08:00 via Android
    不错
    Heyyong
        4
    Heyyong  
       2018-10-06 13:42:44 +08:00
    博主你好, react.js 中文文档 http://reactjs.cn/ 给错地址了? 进取一看是一个游戏网站
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2578 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 03:11 · PVG 11:11 · LAX 19:11 · JFK 22:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.