摘要:
在对自己开发的组件中经常会做诸如以下的引用: 这样使用相对路径引用虽然是比较常见的做法,不过在中大型项目中,引入的组件较多时,写起来也是极其蛋疼的。 当然,我们可以通过使用 webpack 中的 resolve.alias 配置别名,将某些文件目录配置成固定的引入。 例如上面的示例,我们可以将 ut 阅读全文
摘要:
anujs现在只差一个组件(mention)就完全支持阿里的antd UI库了。一共跑通346个测试, 应该是全世界最接近官方React的迷你框架了。 以后的工作就是把React16的一些新特性支持了,包括组件返回数字、字符串、数组, componentDidCatch钩子与createPortal 阅读全文
摘要:
Redux是一款状态管理库,并且提供了react redux库来与React亲密配合, 但是总是傻傻分不清楚这2者提供的API和相应的关系。这篇文章就来理一理。 Redux Redux 三大核心 Redux的核心由三部分组成:Store, Action, Reducer。 Store : 是个对象, 阅读全文
摘要:
对React熟悉的同学都知道,React中的事件机制并不是原生的那一套,事件没有绑定在原生DOM上,发出的事件也是对原生事件的包装。那么这一切是怎么实现的呢? 事件注册 首先还是看我们熟悉的代码 这是我们在React中绑定事件的常规写法。经由JSX解析,button会被当做组件挂载。而onClick 阅读全文
摘要:
React事件绑定 由于类的方法默认不会绑定this,因此在调用的时候如果忘记绑定,this的值将会是undefined。通常如果不是直接调用,应该为方法绑定this。绑定方式有以下几种: 1. 在构造函数中使用bind绑定this 2. 在调用的时候使用bind绑定this 3. 在调用的时候使用 阅读全文
摘要:
枚举对象属性 for....in 列举obj的可枚举属性,包括自身和原型链上的 object.keys() 只列举对象本身的可枚举属性 创建对象的几种方式 对象字面量 通过构造函数 Object.create() 以指定的对象作为原型来创建对象 如何判断对象是否是空对象 对象属性的描述符 属性的描述 阅读全文
摘要:
前言 在应用开发中,列表是我们使用频率非常高的一种展现形式,在reactjs项目中更是如此。无处不在的使用更是需要我们小心触发性能瓶颈的深水炸弹。 下面就我最近的总结出的几点心得分享给大家,有什么问题欢迎批评指正。 不要用索引当key值 reactjs要求我们对列表中的每一项设置一个唯一的key值, 阅读全文
摘要:
去年,我写了一本关于学习React.js的小书,原来是大约100页。 今年我要挑战自己,把它归纳为一篇文章。 本文不会涵盖什么是React,或者为什么要学习它。 相反,这是面向已经熟悉JavaScript并熟悉DOM API基础知识的人,对React.js的基础知识的介绍。 以下所有代码示例均标示为 阅读全文
摘要:
原文地址:Redux or MobX: An attempt to dissolve the Confusion 原文作者:rwieruch 我在去年大量的使用了 Redux,但我最近都在使用 Mobx 来做状态(state)管理。似乎现在社区里关于该选什么来替代 Redux 很自然地成为了一件困惑 阅读全文
摘要:
整理一下React中关于state和props的知识点。 在任何应用中,数据都是必不可少的。我们需要直接的改变页面上一块的区域来使得视图的刷新,或者间接地改变其他地方的数据。React的数据是自顶向下单向流动的,即从父组件到子组件中,组件的数据存储在props和state中,这两个属性有啥子区别呢? 阅读全文