React-Native入门指南——第4篇react-native布局实战(二)摘要: React-Native入门指南github:https://github.com/vczero/react-native-lessionReact-Native:用JavaScript开发你的原生应用,释放Na...
分类:
其他好文 时间:
2015-06-14 22:46:14
阅读次数:
506
很多时候,组件实例的外观和行为我们通过props进行定制就可以了。因为任何时候,组件实例的表现只跟 传过来的props属性 相关。我们称这种为 无状态/ stateless 组件即它自身是无记忆的比如切换开关,它可以响应用户的点击事件,如果当前状态是关,那么它就 切换到开的状态(显示开状态的图片);...
分类:
Web程序 时间:
2015-06-14 00:27:42
阅读次数:
174
React-Native入门指南github:https://github.com/vczero/react-native-lessionReact-Native:用JavaScript开发你的原生应用,释放Native的UI体验,体验 Hybird开发效率。最近一个星期写的文章如下,链接是gith...
分类:
其他好文 时间:
2015-06-13 21:40:26
阅读次数:
4667
上文中说到了组件了。我们使用组件的目的最大莫过于复用,提供生产效率。那么,这时候组件就应该能够提供一些”api”出来,让开发者去定义在不同场景下的不同表现,比如,行为或外观等。而这些“api”就是 属性在React中,用 props 访问实例元素的属性属性:props比如在JSX片段中,组件的实例元...
分类:
Web程序 时间:
2015-06-13 20:03:43
阅读次数:
148
前端框架多如牛毛的今天,团队的技术选型很重要,没有最好的,只有最合适的,这话早已经被说烂了。但是作为一个有追求的前端,对新技术的敏感以及尝试心理还是要有的。虽然React已经火的不行了,但由于自己的惰性,好吧,就是懒,看了很多的技术文章,但是一直没有开始去学习这个框架。今天就开始这个框架的学习吧 -...
分类:
Web程序 时间:
2015-06-13 15:42:55
阅读次数:
170
尝试下react框架官方git:https://github.com/facebook/react, 支持bower安装:bower install --save react参考文章:http://www.ruanyifeng.com/blog/2015/03/react.html1. 使用之前,需...
分类:
其他好文 时间:
2015-06-12 16:41:26
阅读次数:
116
React组件实例在渲染的时候创建。这些实例在接下来的渲染中被重复使用,可以在组件方法中通过this访问。唯一一种在React之外获取React组件实例句柄的方式就是保存React.render的返回值。在其它组件内,可以使用refs得到相同的结果(后面会简单解释refs)。从上几章的学习,我们可..
分类:
Web程序 时间:
2015-06-11 23:19:36
阅读次数:
285
JSX语法,像是在Javascript代码里直接写XML的语法,实质上这只是一个语法糖,每一个XML标签都会被JSX转换工具转换成纯Javascript代码,React官方推荐使用JSX,当然你想直接使用纯Javascript代码写也是可以的,只是使用JSX,组件的结构和组件之间的关系看上去更加清晰。1.HTML标..
分类:
Web程序 时间:
2015-06-11 23:11:45
阅读次数:
421
组件:在设计接口的时候,将常用元素(按钮,表单字段,布局组件等)分解成定义好接口的可重用组件。这样下次你在创建同样界面就可以少写很多代码,这意味着更快的开发时间,更少的bug,和更少的内容下载。将上章节Index.html中Js部分修改为:<scripttype="text/jsx">//..
分类:
Web程序 时间:
2015-06-11 07:04:23
阅读次数:
262
接前一篇,把前面的ListView改成Reflux的形式 var BookActions=Reflux.createActions([ 'fetchList' ]); var BookStore = Reflux.createStore({ ...
分类:
其他好文 时间:
2015-06-10 22:24:32
阅读次数:
310