1. 基础实例 说明： (1).react.js：React 的核心库。 (2).react-dom.js：提供与 DOM 相关的功能。 (3).Browser.js：将 JSX 语法转为 JavaScript 语法。这一步很消耗时间，实际上线的时候，应该将它放到服务器完成，操作如下： $ babe ...
分类：
Web程序 时间：
2016-07-29 21:18:58
阅读次数：
311
（中间因为应付各种考试，处理其他事情，隔了好时间没更新，现在终于有时间了，续上！） 本文为React初始体验，因此先不考虑文件如何组织，尽量以最简单的方式让大家了解React其中的原理。 在创建组件（component）之前，大家首先需要了解一些基础知识。有ES6、JSX语法等基础知识的同学请跳过下 ...
分类：
其他好文 时间：
2016-07-25 17:59:30
阅读次数：
423
什么是 webpack？ webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sas ...
分类：
Web程序 时间：
2016-07-15 13:36:19
阅读次数：
193
恢复内容开始 要想用react，需要安装： 1）babel-sublime； 作用：编译es6，支持ES6， React.js, jsx代码高亮，并对所编译的代码进行高亮显示。 安装步骤：在github(https://github.com/ruanyf/react-babel-webpack-bo ...
分类：
其他好文 时间：
2016-07-15 06:28:51
阅读次数：
135
恢复内容开始 1、ReactDOM.render() React的最基本方法，用于将模板转为HTML语言，并插入指定的DOM节点 将h标签插入example节点 2、HTML语言直接写在JavaScript语言之中，不加任何引号，就是JSX的语法。 3、创建组件。 React.createClass ...
分类：
其他好文 时间：
2016-07-11 07:49:38
阅读次数：
148
weback可以把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。同时支持amd cmd CommonJS语法。同时可以和gulp一块使用。 一 新建工程目录 １．npm init ２．webpack.config.js 目录结构如下 pro ...
分类：
Web程序 时间：
2016-07-06 23:10:44
阅读次数：
638
阅读前请看这里：
* 了解js及jQuery的使用
* 对react有一定的了解，知道jsx的语法
* 这里只讲述如何使用react，并不介绍react的优缺点
如果不满足这些，建议先了解下，然后再看这篇文章
下面会讲述5个react的实例，虽然仅有5个，但在常用的开发中，几乎会包含大部分的情况，只要熟练掌握这5个demo，相信一定会解决大部分问题。demo中，所有...
分类：
其他好文 时间：
2016-07-03 19:47:38
阅读次数：
269
React是由ReactJS与React Native组成，其中ReactJS是Facebook开源的一个前端框架，React Native是ReactJS思想在native上的体现！ JSX并不是一门新的语言，仅仅是个语法糖，允许开发者在JavaScript中书写HTML语法。，最后每个HTML标 ...
分类：
Web程序 时间：
2016-07-03 17:23:02
阅读次数：
153
uuid.v4() 生成唯一id. items.findIndex(item => item.id == id) 延展操作符(Spread operator) 而在 React 中，延展操作符一般用于属性的批量赋值上。在JSX中，可以使用…运算符，表示将一个对象的键值对与ReactElement的p ...
分类：
其他好文 时间：
2016-07-01 20:13:04
阅读次数：
353
