
ReactNative
h416756139
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React Native 之 Hello World
1/创建HelloWordmac终端cd到workspace, 执行创建工程命令 : react-native init HelloWorld2/ cd进工程,打开IOS工程用xcode,cmd+R运行前执行命令: react-native start , 开启服务如果 http://localhost:8081/index.ios.bundle?platform=ios&de转载 2016-03-03 22:28:32 · 494 阅读 · 0 评论 -
flex布局语法
1.flex属性:当一个(元素)组件,定义了flex属性时,表示该元素是可伸缩的。当然flex的属性值是大于0的时候才伸缩,其小于和等于0的时候不伸缩,例如:flex:0, flex:-1等。上面的代码,最外层的view是可伸缩的,因为没有兄弟节点和它抢占空间。里层是3个view,可以看到三个view的flex属性加起来是5+5+10=20,所以第一个view和第二个view分别占1/4伸转载 2016-05-27 14:36:04 · 520 阅读 · 0 评论 -
RN源码分析
1.ReactInstanceManager:主要是用来创建及管理Catalyst的实例的上层接口,控制开发调试,生命周期与ReactRootView所在activity保持一致。2.ReactRootView:为启动入口核心类,负责监听及分发事件并重新渲染元素,App启动后,其将作为App的root view。3.CatalystInstance:顶级异步JSCAPI封装类,提供转载 2017-02-27 15:31:39 · 1043 阅读 · 0 评论 -
ReactNative可能的技术方案
构建工具 => gulp + webpack开发效率提升 => redux-dev-tools + hot-reload统一数据管理=> redux性能提升 => immutable + purerender路由控制器 => react-router(手Q暂时没采用)调试工具 => redux devtools转载 2016-06-21 17:05:37 · 508 阅读 · 0 评论 -
React 移动 web 极致优化
原文地址:https://github.com/lcxfs1991/blog/issues/8最近一个季度,我们都在为手Q家校群做重构优化,将原有那套问题不断的框架换掉。经过一些斟酌,决定使用react 进行重构。选择react,其实也主要是因为它具有下面的三大特性。React的特性1. Learn once, write anywhere学习React的好处就转载 2016-06-21 16:44:16 · 6713 阅读 · 0 评论 -
Redux各知识点介绍
继 Facebook 提出 Flux 架构来管理 React 数据流后,相关架构开始百花齐放,本文简单分析 React 中管理数据流的方式,以及对 Redux 进行较为仔细的介绍。React" A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES "在 React 中,UI 以组件的形式来搭建,组件之转载 2016-06-21 15:35:52 · 1247 阅读 · 0 评论 -
ReactNative redux 总结
1.actions写法: import * as DetailActions from './xxxx';2.导出一个Reducer,需要加前缀: export default fuction;3.某些props属性找不到undefined, 可能是对象本身没有传递过来;4.一个reducer.js文件只会加载最后的一个export default func翻译 2016-06-20 16:09:53 · 418 阅读 · 0 评论 -
ES6 箭头函数 柯里化
先来看下高阶函数定义:接受1个或多个函数作为参数返回函数类型常规ES6箭头函数用法:(返回值类型)const square = x => x * x;高阶写法:const has = p => o => o.hasOwnProperty(p);const sortBy = p => (a, b) => a[p] > b[p];理解语法ES5实现高阶函数,也叫柯转载 2016-06-28 19:27:45 · 4496 阅读 · 0 评论 -
React Native 的ES5 ES6写法对照表 [ES5 vs ES6]
很多React/React Native的初学者都被ES6的问题迷惑:各路大神都建议我们直接学习ES6的语法(class Foo extends React.Component),然而网上搜到的很多教程和例子都是ES5版本的,所以很多人在学习的时候连照猫画虎都不知道怎么做。今天在此整理了一些ES5和ES6的写法对照表,希望大家以后读到ES5的代码,也能通过对照,在ES6下实现相同的功能。转载 2016-06-02 15:53:58 · 640 阅读 · 0 评论 -
React native for Android 初步实践[原理剖析]
摘要: Facebook 于2015年9月15日推出react native for Android 版本, 加上2014年底已经开源的IOS版本,至此RN (react-native)真正成为跨平台的客户端框架。本篇主要是从分析代码入手,探讨一下RN在安卓平台上是如何构建一套JS的运行框架。 一、 ...Facebook 于2015年9月15日推出react native for A转载 2016-06-02 11:24:52 · 10015 阅读 · 1 评论 -
React Native 常用命令
1.react-native --version //查看当前reactNative版本2.sudo npm update -g react-native-cli //更新全局的reactNative到最新版本3.npm info react-native //查看服务器端的reactNative的各版本信息4.npm install //给下载的普通工程下载安装RN环境转载 2016-06-02 12:03:06 · 15660 阅读 · 0 评论