博客专栏  >  Web前端   >  React学习

React学习

在React技术中鹏飞,让前端绽放无限光彩

关注
7 已关注
37篇博文
  • React学习之相关堆栈调解器的实现(三十七)

    这一部分讲述的是堆栈调解器的实现React的API可以被分为三部分,核心,渲染器,调解器,如果你对代码库可能有点不了解的话,可以看我的博客其中堆栈调解器是React产品中最重要的部分,被React D...

    2017-04-06 12:46
    558
  • React学习之相关代码库(三十六)

    本章将讲述React代码库的组织,约定,和它的实现方式。如果你想更加关注React,或者说作为开发贡献者,对React进行一些修改,这篇博客或许可以帮到你。当然,我们没必要去过度的关注React应用的...

    2017-04-03 18:56
    338
  • React学习之扩展键片段(三十一)

    import createFragment from 'react-addons-create-fragment' // ES6 var createFragment = require('react...

    2017-04-01 12:52
    323
  • React学习之扩展不变的数据(immutability-helper)优化(三十二)

    注意 此插件是一个被遗留的插件,如今好像更新为这个地址:https://github.com/kolodny/immutability-helper 引入 import update from '...

    2017-04-01 21:31
    488
  • React学习之扩展PureRenderMixin(三十三)

    PureRenderMixin的出现早于React.PureComponent,该插件属于历史保留,现在就使用React.PureComponent吧,这里也就提一下如果你的React组件的渲染函数是...

    2017-04-02 09:42
    547
  • React学习之扩展浅比较(三十四)

    注意 这玩意也已经被React.PureComponent的功能取代了,这里依旧是提一下(主要是React.v15的版本中的react-with-addons.js,这些玩意还存在,哎,害人呐) ...

    2017-04-02 10:00
    606
  • React学习之扩展LinkedStateMixin双向绑定(三十五)

    紧急事件提示 这玩意已经被React v15给抛弃了,请直接用数据设置和函数处理。 引用 import LinkedStateMixin from 'react-addons-linked-sta...

    2017-04-02 12:18
    534
  • React学习之扩展动画(三十)

    React为动画提供一个ReactTransitonGroup插件组件作为一个底层的动画API,一个ReactCSSTransitionGroup来简单地实现基本的CSS动画和过渡。1.高级组件:Re...

    2017-03-31 19:46
    482
  • React学习之扩展性能分析工具-Perf(二十八)

    import Perf from 'react-addons-perf' // ES6语法 var Perf = require('react-addons-perf') // ES5语法针对node...

    2017-03-29 21:46
    475
  • React学习之扩展Test工具(二十九)

    套路走起 import ReactTestUtils from 'react-addons-test-utils' // ES6 var ReactTestUtils = require('react...

    2017-03-31 00:19
    448
  • React学习之JSX语法讲解(一)

    介绍JSX 什么是JSX? const element = Hello, world!;右边这种在javascript中出现的HTML语句就是JSX语法,JSX可以提供给你一个模板语言,快速开发前...

    2017-03-15 17:50
    315
  • React学习之将DOM给展示出来(二)

    1.将JSX展现到DOM节点中React中的经常性的元素,我想大家知道JSX(不知道的读者,请看本人博客JSX讲解),如下所示,言简意赅:const element = Hello, world;然而...

    2017-03-15 20:06
    299
  • React学习之让组件和属性齐飞(三)

    何为组件? 组件就是让你可以独立于UI的控件了,从某种意义上来看,组件的开发有点像javascript函数式编程,也就是说组件像是个函数,输入一定的数据,然后处理完输出,将数据展现在视图中。1.函数式...

    2017-03-15 23:02
    289
  • React学习之State与生命周期基友情(四)

    我先拉拉对React-DOM输出那篇文章的知识点,从那篇文章中得知,至今为止我们只会用ReactDOM.render()去更改覆盖数据来进行视图更新,然而还是在时间的控制下进行变化。现在我们要做的就是...

    2017-03-16 19:17
    434
  • React学习之事件绑定处理机制(五)

    React对于JSX事件处理的方式和DOM元素的事件绑定有点类似,但是有语法上的一些差异。 React事件的命名必须是驼峰命名法,不能是小写,和我们写组件是一样的,我们的组件类的首写字母必须大写,不然...

    2017-03-16 21:20
    1349
  • React学习之条件视图渲染(六)

    1.条件化视图渲染的必要性当你创建不同的组件的时候,可能需要通过你的应用state的数据来显示数据class Creeting extends React.Component{ constru...

    2017-03-16 22:39
    345
  • React学习之列表运用(七)

    对于列表其实也就是数组,我们可以用数组的map函数对数组集体进行公操作,如下:const numbers = [1, 2, 3, 4, 5]; const doubled = numbers.map(...

    2017-03-17 12:20
    287
  • React学习之独特的表单(八)

    在众多HTML标签元素中,Form表单在React与HTML中使用是不同,比如如下HTML表单: Name: 上述代码会在视图中形成一个表单,并让用户提交表单数据,...

    2017-03-17 19:06
    300
  • React学习之最近公共组件(九)

    经常,我们会遇到多个组件使用同一个数据,那时候我们就需要消除掉每一个组件中的数据,而构造出一个公共的祖先组件来处理。我将以一个温度测试组件来进行演示BoilingVerdict组件接受一个摄氏度,输出...

    2017-03-17 23:10
    295
  • React学习之组合和继承(十)

    React自身有一套非常强大的组合模型,官方强烈建议使用组合来代替继承实现组件的重用性1.包容化组件所谓的包容化组件即为不管孩子是什么都可以加进这个容器中作为它的子组件,比如说我们的Dialog弹框,...

    2017-03-18 09:49
    519

img博客搬家
img撰写博客
img专家申请
img意见反馈
img返回顶部