react
starryninglong
这个作者很懒,什么都没留下…
展开
-
react学习--1
首先万事皆有源,react的github地址附上:https://github.com/facebook/react看完这些之后。可以再来看本人学习的过程,本人也是在看了上面的博客然后结合官网的例子,继续学习的。推荐几个react必备网址:react生命周期学习:getDefaultProps,getInitialState,componentWillMount,render,componentDidMount等原创 2017-03-19 16:55:55 · 475 阅读 · 1 评论 -
react学习--2
本文就讲解了如何通过react生命周期删除元素、生命周期的理解、react创建简单定时器和组件的创建方式等知识点。原创 2017-03-19 19:38:48 · 340 阅读 · 1 评论 -
React创建组件的三种方式及其区别
React创建组件的三种方式及其区别React推出后,出于不同的原因先后出现三种定义react组件的方式,殊途同归;具体的三种方式:函数式定义的无状态组件 es5原生方式React.createClass定义的组件 es6形式的extends React.Component定义的组件 虽然有三种方式可以定义react的组件,那么这三种定义组件方式有什么不同呢?或者说为什么会出现对应的定义方式呢转载 2017-03-21 11:32:56 · 358 阅读 · 1 评论 -
添加react到已存在的项目中(Adding React to an Existing Application)-1
将react功能添加到已有的项目中去,不必担心要重构你的项目。 你只需要按以下步骤:如果你的项目中没有package.json文件则在项目根目录敲:npm init,初始化一个配置文件,如果有则跳过这一步npm install -p react react-dom先安装一个全局的react和react-dom(这步可做可不做),然后,进入项目根目录安装npm install --save re原创 2017-03-22 19:58:37 · 2812 阅读 · 1 评论 -
ES6之Babel的各种坑总结
自从 Babel 由版本5升级到版本6后,在安装和使用方式上与之前大相径庭,于是写了这篇入坑须知,以免被新版本所坑。 坑一:本地安装和全局安装 全局安装只需: $ npm install --global babel-cli这时候我们可以使用 Babel 命令编译文件: $ babel index.js --out-file compiled.js或 $ babel index.转载 2017-03-22 20:02:53 · 1146 阅读 · 1 评论 -
添加react到已存在的项目中(Adding React to an Existing Application)-2
接着上一篇 上一篇讲到使用IDE工具如webstorm检测文件的变化,自动编译jsx、es6格式的文件,使其编程浏览器识别的javascript代码。但是最后还是有点问题,就是有些语法还是不支持。 最终只能使用强悍的打包工具webpack来实现了。 安装webpack:mkdir webpack-demo && cd webpack-demonpm init -ynpm install -原创 2017-03-23 13:10:40 · 1375 阅读 · 1 评论