ReactNative
h416756139
这个作者很懒,什么都没留下…
展开
-
React Native 之 Hello World
1/创建HelloWord mac终端cd到workspace, 执行创建工程命令 : react-native init HelloWorld 2/ cd进工程,打开IOS工程用xcode,cmd+R运行前执行命令: react-native start , 开启服务 如果 http://localhost:8081/index.ios.bundle?platform=ios&de转载 2016-03-03 22:28:32 · 407 阅读 · 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 · 465 阅读 · 0 评论 -
RN源码分析
1.ReactInstanceManager:主要是用来创建及管理Catalyst的实例的上层接口,控制开发调试,生命周期与ReactRootView所在activity保持一致。 2.ReactRootView:为启动入口核心类,负责监听及分发事件并重新渲染元素,App启动后,其将作为App的root view。 3.CatalystInstance:顶级异步JSCAPI封装类,提供转载 2017-02-27 15:31:39 · 941 阅读 · 0 评论 -
ReactNative可能的技术方案
构建工具 => gulp + webpack 开发效率提升 => redux-dev-tools + hot-reload 统一数据管理=> redux 性能提升 => immutable + purerender 路由控制器 => react-router(手Q暂时没采用) 调试工具 => redux devtools转载 2016-06-21 17:05:37 · 455 阅读 · 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 · 6666 阅读 · 0 评论 -
Redux各知识点介绍
继 Facebook 提出 Flux 架构来管理 React 数据流后,相关架构开始百花齐放,本文简单分析 React 中管理数据流的方式,以及对 Redux 进行较为仔细的介绍。 React " A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES " 在 React 中,UI 以组件的形式来搭建,组件之转载 2016-06-21 15:35:52 · 1164 阅读 · 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 · 377 阅读 · 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 · 4430 阅读 · 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 · 608 阅读 · 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 · 9910 阅读 · 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 · 15554 阅读 · 0 评论