React-Native 入门指导系列教程目录 一、准备工作 (已完成) 二、项目介绍与调试 三、CSS样式与Flex布局 四、常用UI控件的使用 五、JSX在React-Native中的应用 六、事件与数据调用 七、自定义组件 八、动手写实例 九、发布与真机调试 写在前面 1. 什么是React- ...
分类:
移动开发 时间:
2016-05-13 09:41:21
阅读次数:
289
构建用于界面的JavaScript库 初识ReactReact首次被提出是在2014年 React-JSX-Style JSX : JS XML React最简单的实例: /****************************************/ React组件的生命周期和事件处理 Rea ...
分类:
其他好文 时间:
2016-05-04 10:14:56
阅读次数:
211
Airbnb的编码规范是在业界非常流行的一套规范,而且它一直都在进化,推出最新技术的规范 原文:https://zhuanlan.zhihu.com/p/20616464 用更合理的方式书写React和JSX 基本规则 每个文件只包含一个React组件; 但是无状态, 或者 Pure 组件 允许一个 ...
分类:
其他好文 时间:
2016-05-03 23:45:41
阅读次数:
728
来源:知乎 React native充分利用了Facebook的现有轮子,是一个很优秀的集成作品,并且我相信这个团队对前端的了解很深刻,否则不可能让Native code「退居二线」。 对应到前端开发,整个系统结构是这样: JSX vs HTML CSS-layout vs css ECMAScri ...
分类:
其他好文 时间:
2016-04-18 15:31:42
阅读次数:
211
ublime有很强的自定义功能,插件库很庞大,针对新语言插件更新很快,配合使用可以快速搭建适配语言的开发环境。 1. babel 支持ES6, React.js, jsx代码高亮,对 JavaScript, jQuery 也有很好的扩展。关于 babel 的更多介绍可以看这里:为什么说Babel将推 ...
分类:
Web程序 时间:
2016-04-11 22:30:59
阅读次数:
305
ReactDOM.render
ReactDOM.render()将JSX转换成HTML,并且将其插入特定的DOM节点。在0.14版本之前,使用的是React.render()方法,目前还支持,但是React不推荐使用。
body>
div id = "container">div>
body>
html>
script src="build/react.js">script>
s...
分类:
Web程序 时间:
2016-04-01 18:18:56
阅读次数:
214
本文同步至微信公众号http://mp.weixin.qq.com/s?__biz=MzAxMzgwNDU3Mg==&mid=402252760&idx=1&sn=6952c476fbed9a3d3833ab5860d3021e#rd,对后续文章的,可以扫码关注哈 react,出身名门,一发出就带着 ...
分类:
Web程序 时间:
2016-04-01 12:51:54
阅读次数:
285
在使用React 0.14版本时,需要引入react.js/react-dom.js/browser.min.jsReactDOM.renderReactDOM.render()将JSX转换成HTML,并且将其插入特定的DOM节点。在0.14版本之前,使用的是React.render()方法,目前还支持,但是React不推荐使用。
</...
分类:
Web程序 时间:
2016-04-01 11:33:12
阅读次数:
231
最近接触react框架,小记一下~~~ 开发环境配置 要搭建一个现代的前端开发环境配套的工具有很多,比如 Grunt / Gulp / Webpack / Broccoli,都是要解决前端工程化问题,这个主题很大,这里为了使用 React 我们只关注其中的两个点: JSX 支持 ES6 支持 配合 ...
分类:
其他好文 时间:
2016-03-30 12:46:39
阅读次数:
136
安装Webpack,并加载一个简单的React组件 全局的npm模块安装: 安装jsx-loader 默认使用当前目录的自己新创建的webpack.config.js作为配置文件 定义了一个简单的React组件hello.js,使用ES6语法 创建entry.js入口文件,将一个Hello组件输出到 ...
分类:
Web程序 时间:
2016-03-29 12:35:32
阅读次数:
249