
React Native
文章平均质量分 56
chris-gardner
这个作者很懒,什么都没留下…
展开
-
React Native 之 main.jsbundle生成方法
坚持 成长 每日一篇步骤:1.在React Native项目根目录下运行 npm start2.使用curl命令生成 main.jsbundlecurl http://localhost:8081/index.ios.bundle -o main.jsbundle3.在AppDelegate.m中选择使用main.jsbundle 注释掉 jsCodeLocation = [NSURL URLW原创 2016-02-05 17:51:19 · 11356 阅读 · 1 评论 -
React-Native之fetch的使用
来自: http://blog.parryqiu.com/2016/03/02/using_fetch_in_nodejs/ 在前端快速发展地过程中,为了契合更好的设计模式,产生了 fetch 框架,此文将简要介绍下 fetch 的基本使用。 在 AJAX 时代,进行请求 API 等网络请求都是通过 XMLHttpRequest 或者封装后的框架进行网络请求。 现在产生的 f转载 2016-03-30 17:14:45 · 21103 阅读 · 1 评论 -
React Native学习指南
自己在学习React-Native过程中整理的一份学习指南,包含 教程、开源app和资源网站等,还在不断更新中。欢迎pull requests!React-Native学习指南本指南汇集React-Native各类学习资源,给大家提供便利。指南正在不断的更新,大家有好的资源欢迎Pull Requests!同时还有Awesome React-Native系列https://github.com/jon转载 2016-03-17 16:05:12 · 469 阅读 · 0 评论 -
ReactNative之在iOS项目中手动加入ReactNative
以下步骤为手动添加的方式,使用rnpm的方式请参考官方文档。本文是对官方文档的一个补充,大部分内容来源于官网文档。官方参考地址: http://facebook.github.io/react-native/docs/linking-libraries-ios.html#content中文参考地址:http://reactnative.cn/docs/linking-libraries-ios.ht原创 2016-02-04 17:25:05 · 4827 阅读 · 0 评论 -
ReactNative之 JSPatch 实现原理详解
JSPatch 以小巧的体积做到了让 JS 调用 / 替换任意 OC 方法,让 iOS APP 具备 热更新 的能力,在实现 JSPatch 过程中遇到过很多困难也踩过很多坑,有些还是挺值得分享的。本篇文章从基础原理、方法调用和方法替换三块内容介绍整个 JSPatch 的实现原理,并把实现过程中的想法和碰到的坑也尽可能记录下来。 基础原理能做到通过 JS 调用和改写 OC 方法最根本的原因是 Ob转载 2016-02-04 13:48:42 · 1393 阅读 · 0 评论 -
ReactNative之Atom-React的安装
工欲善其事, 必先利其器. ReactNative作为Facebook贡献的库, 里面有些定制的东西. 官方推荐Atom+Nuclide, 那么就尝试一下Atom. 在测试过程中, 发现安装Nuclide之后, Atom编辑器特别卡顿, 原因不明, 所以又测试了一些其他插件. 我来罗列几个必须的.1.Atom 下载Atom编辑器, 安装, 介绍参考文档.2.Atom-React 插件Atom-转载 2016-02-04 12:39:19 · 2304 阅读 · 0 评论 -
React Native学习之自定义一个组件
在React中一个组件我们可以理解为一个View下面介绍如何自定义并使用一个组件首先我们创建一个组件文件 ComponentExample.js'use strict';var React = require('react-native');var { View,} = React;var ComponentExample = React.createClass({ render原创 2016-02-15 15:20:17 · 3269 阅读 · 0 评论 -
React Native学习之JavaScript语法转换器
JavaScript语法转换器 语法转换器可以使编写代码的过程更加享受,因为开发者可以借助转换器直接使用新的JavaScirpt语法标准,而无需等待JS解释器的支持。React Native从0.5.0版本开始已经内置Babel转换器。你可以查看Babel的文档来了解有关它可以转换的语法的详情。这里可以看到目前React Native默认开启的语法转换特性。 注:若想学习相关语法,译者推荐阮一峰原创 2016-02-15 11:03:01 · 2724 阅读 · 0 评论 -
ReactNative的编码规范造成的报错问题
坚持 成长 每日一篇今天遇到一个bugAwesomeProject.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object.代码如下:var AwesomeProject = React.createClass(原创 2016-02-06 11:16:36 · 2193 阅读 · 0 评论 -
ReactNative之开发Mac环境配置
坚持 成长 每日一篇开发环境配置没有Xcode需要先安装Xcode安装Homebrew,具体安装操作参照Homebrew官网http://brew.sh使用命令行brew install node 来安装node使用命令行brew install –HEAD watchman来安装watchman.推荐使用watchman,否则你可能会需要一个node文件来监控开发中的bug使用命令行br原创 2016-01-12 09:43:09 · 546 阅读 · 0 评论 -
React Native之创建iOS视图
React Native封装了一些常用的原生组件譬如ScrollView和TextInput,有的时候我还需要使用其他的原生组件譬如一些第三方组件或自己写的组件,而这些组件React Native是没有替我们封装好的,但是React Native提供了一套封装和植入原生组件的方案,这个方案非常简单。 步骤如下:1.选择一个已有的原生视图,这里我在xcode里新建一个视图MyCustomView,在原创 2016-04-12 15:15:13 · 4118 阅读 · 4 评论