Android开发技术周报特刊之React Native

jopen 9年前

 

教程

基础入门

  1. React Native for Android 入门老虎

    期待已久的 React Native for Android 发布了,赶紧来尝试一下,我跟着这个 Getting Started 开开始入门。发现被一些 "老虎" 堵在门口, Hello World 都跑不起来,入不了 React Native 的门,让我很懊恼,最后终于解决。可能大家也会遇到类似的问题,这篇文章希望能帮到你。

  2. 学习 React Native for Android:环境搭建

    非死book 于 2015 年 9 月 15 日发布了 React Native for Android 。React Native 让开发者使用 JavaScript 和 React 编写应用,利用相同的核心代码就可以创建 Web,iOS 和 Android 平台的原生应用。注意这里的 核心 两个词,它指的是那些底层的、与界面无关的逻辑。

  3. 学习 React Native for Android:React 基础

    React Native 主张用 React 的开发思维来编写 UI 层。因此在学习 React-Native 之前,了解基本的 React 的语法和存在的坑会对今后 React Native 的开发大有裨益。本文将从一个简单的例子开始,逐步完善我们的程序。在这个过程中,我们将一步步探讨如何用 React 来开发网页应用,以及需要注意的陷阱。

动手实践

  1. React Native for Android 实践 - 实现知乎日报客户端

    React Native for Android 的发布,对一个 Android 开发者来说还是有相当的吸引力的。通过前面这篇博客:React Native for Android 入门老虎好不容易入了门了,然后想找一个简单的项目,来练练手。一方面来熟悉一下 RN(React Native, 后面都做此简写),另一方面来验证使用 RN 来实现一个相对完整的项目的可行性。

  2. React Native for Android 发布独立安装包

    如果要发布一个 React Native 写的 Android 应用,不可能要别人来连接这个 JS Server。可不可以不要连接这个 Server 就能运行呢?在网上找了一圈,发现资料很少,官方文档上也没有说支持。这篇文章就来讨论一种实现方案。

深入理解

  1. React Native 中组件的生命周期

    就像 Android 开发中的 View 一样,React Native(RN) 中的组件也有生命周期(Lifecycle)。所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键。

  2. React Native Android版核心层js-bridge实现浅析

    整体架构上,可以分为java层<->c++层<->js层,其中java层作为入口,主要是对整体流程的控制,模块的配置。c++层是对JavaScriptCore接口的封装(每个应用自己背一个js解释器),直接执行js脚本并获取返回值。js层则是界面的布局与事件的响应处理。

文档

  1. React Native 官方文档中文版

    非死book 在 React.js Conf 2015 大会上推出了基于 JavaScript 的开源框架 React Native,本中文教程翻译自 React Native 官方文档。React Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等。

视频教程

  1. React Native 快速入门

    本课时介绍 React Native ,包括 React Native 的简介,主要解决的问题以及为什么我们需要关注 React Native,然后和其他同类框架做一个简单地对比。

  2. React Native 布局指南

    本课时讲解 React Native 的样式布局基础,包括如何添加和使用样式,以及介绍作为 Css 子集的基本盒模型布局方式。

  3. React Native中文视频教程

    这套教程就从基础出发讲述了react native的基础概念。学些react native将会是未来的移动开发的主流。

资源合集

  1. React-Native学习指南

    React-Native指南汇集了react-native学习资源与各类开源app.

  2. awesome-react-native

    An "awesome" type curated list of React Native components, news, tools, and learning material。