react
飞天代码
这个作者很懒,什么都没留下…
展开
-
react知识(一)React.createClass Vs React.Component
如果是通过看react视频学习的同仁们会发现,有的视频是通过React.createClass来讲解sample 有的视频是用React.component来开发sample,那俩者之间有啥差别呢。 前面讲解的主要是环境搭建方面的,现在我们开始关注下React组件本身: createClass是React以前版本的写法,现在Facebook官方逐渐废弃,所以尽量使用React.component原创 2017-07-11 14:03:58 · 988 阅读 · 0 评论 -
react知识(二) 组件的生命周期【装载过程】
react定义了组件的生命周期,分为如下三个阶段:装载过程(Mount)组件第一次再dom里面渲染过程更新过程 (Update) 组件被重新渲染的过程卸载过程 (Unmount)组件从dom里面删除的过程。这节我们来仔细分析下装载过程:依次调用函数顺序 ES6的写法执行顺序,React.createClass的调用顺序跟这个不一样,这里不分析了constructorcomponentW原创 2017-07-11 14:10:32 · 327 阅读 · 0 评论 -
react知识(三) 将Jquery集成进来
Jquery我都用了5到6年了,多少还是有感情了,虽然react不提倡直接操作dom,自然不提倡结合jquery来进行开发。 但作为jquery的忠实粉丝,怎么也得集成进来看看,前面一节我们说到了react的生命周期,render之后会触发componentDidMount,所以jquery的调用自然就需要放到该方法里面咯 第一步:采用dva创建项目,并用webstore来打开项目第二步:安装j原创 2017-07-11 16:43:29 · 7420 阅读 · 0 评论 -
react+redux(一)
最近学react,以前学个组件库也就是几天的事情,这次都折腾快一个星期了,才入门。虽然可以用react开发界面了,但好多资料里说要开发复杂应用必须用redux,只好找来试试咯。 安装react的开发环境不讲了,如果工程中需要结合redux,则执行以下命令:#安装redux需要的几个关键依赖组件cnpm i react-redux redux react-router --save-dev第一步我原创 2017-07-08 14:33:47 · 331 阅读 · 0 评论 -
webpack3.0(三)整合react
进过2天的学习,基本了webpack的基础使用,学习webpack目的就是为了进行react的开发,所以今天搭建下react的开发环境。 第一步新建项目,并生成package.json.js文件。第二步:关闭webstorm 找到工程所在的.iml文件,将其中的内容<?xml version="1.0" encoding="UTF-8"?><module type="WEB_MODULE" ve原创 2017-07-02 18:35:08 · 1115 阅读 · 0 评论 -
create-react-app 构建 react应用程序 (一)(react-scripts)
踩了一个坑又一个坑,以前都是自己手动创建react的开发环境,要安装webpack、babel、react、react-dom的组件,还需要修改、新增各种配置文件。 正为这个环境新建犯愁时,突然发现了 react-scripts。用来构建了一个项目试试: 第一步:全局安装下create-react-app。npm install -g create-react-app第二步:通过create-r原创 2017-07-09 15:41:17 · 5372 阅读 · 0 评论 -
构建 react应用程序 (二)(react-scripts实现原理)
在前面讲到了使用create-react-app来创建项目,这节我们来分析下原理。 react-scripts有以下支持,都帮你配置好了:React, JSX, ES6, and Flow syntax support.Language extras beyond ES6 like the object spread operator.Import CSS and image files di原创 2017-07-09 16:06:56 · 17347 阅读 · 6 评论 -
dva构建react应用程序
昨天才用create-react-app创建了react的开发环境,以为今后就用它来创建开发环境咯,谁知道才用了一天,才发下dva也是用来创建react开发环境的。 dva是淘宝团队弄的,为了支持国货,赶紧试试看咋用吧 第一步:安装 dva-clicnpm install dva-cli -g第二步:采用dva来创建项目:dva new react_twocd react_two用websto原创 2017-07-10 14:47:44 · 3989 阅读 · 0 评论