React Explorer

lottie 是 Aribnb 开源一个主要面向 Web、iOS、Android、React Native、Windows 的动画库，可以实时渲染After Effects动画，并以Bodymovin作为json导出，允许应用程序像使用静态图像一样轻松使用动画，一款协同合作的高…

React Hook useEffect has a missing dependency: 'featchList'. Either include it or remove the dependency array 我们来看这句话 ==如果你指定了一个 依赖列表 作为 us…

下面是官网文档的链接，基础知识掌握不牢靠的朋友可以再看看，官网的文档可以说是非常完整和浅出了。我的文章主要讨论具体的几个 hooks 的具体使用场景。 通过使用这个 Hook，你可以告诉 React 组件需要在渲染后执行某些操作。React 会保存你传递的函数（我们将它称之为 …

注意要显式调用 bind(this) 将事件函数上下文绑定要组件实例上，这也是 React 推崇的原则：没有黑科技，尽量使用显式的容易理解的 JavaScript 代码。 React 实现了一个“合成事件”层（synthetic event system），这个事件模型保证了和…

本篇文章首先回顾一下什么是内存泄露，然后看两个 demo 观察 react 出现内存泄露的具体情况。 程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtime）就必须供给内存。 对于持续运行的服务进程（daemon），必须及时释放不再用到的内存。否则，内存占用越…

适用于 react，es6使用者，react hooks 初学者。 本文主要写关于怎么使用 state 和 effect hooks 来优雅的获取列表数据。 Warning: useEffect function must return a cleanup function o…

适用于 react 初学者，需要了解怎么优雅的处理获取数据操作。 普通刚开始学习 react 的初学者都会有一个问题，我们需要展示一列数据。但是我们需要在 react 的生命周期(lifecycle)中哪里去获取这个数据合适啦？ 一般在获取数据的时候我们需要处理几种情况，加载中…

开始学习 react 的时候，有一个难点，高阶组件。 以前写过一篇不太成熟的文章，这里忙里偷闲再来详细的理解一下。 最出名的高阶组件就是 redux 状态管理的 connect 组件。大家可以取看一看实现的源码。 redux connect 实现源码。 类似于setTimeou…

react中的组件从定义方式上来说，分为类组件和函数式组件。 这是因为我们使用 class properties 语法对state做初始化时，会覆盖掉Component<P, S>中对state的readonly标识。 是的。只要在组件内部使用了props和state，就需要在…

使用了 react 14，mbox，react-weui，bugsnag（捕获报错），lodash（函数库），commitLint（git 提交工具）等。 主要是总结自己学习中产生的一些经验之谈和项目遇到的坑。 1A: 遇到的第一个问题就是子父级传值的问题，传值这个问题的解决方…

react-router传值方法本文主要介绍react-router的使用方法当我们需要的使用router来传值的时候1、使用props.params传值官方例子使用Reactrouter定义路由时，

有什么更好的方法和不足之处，欢迎大家指出。 使用函数默认的参数, 使用 es6+ 的时候，有了结构赋值，我们就不用再函数中自己再去定义一个变量。 当我们开始创建了一个组件 Thingie，到后面我们增加了一个需求，需要随时添加一个 title，所以我们又写了一个组件 Thing…

看了以前的装饰器的理解和预加载数据的装饰器一定有疑问，为什么这么写装饰器。来看看下面的文章描述： 一个高阶组件只是一个包装了另外一个组件的 react 组件。 当然其中实现的方法主流的包括我们上面提到的，属性代理和反向继承两种方法。 高阶组件有很多知识点，后续补上，本次为了给前…

使用装饰器的方法，包裹一下我们常用的预加载数据，需要渲染的地方。

Decorator模式并不严重依赖于创建对象的方式，而是关注扩展其额外功能。我们使用了一个单一的基本对象并逐步添加提供额外功能的Decorator对象，而不是仅仅依赖于原型继承。这个想法是：向基本对象添加属性或者方法，而不是进行子类化 ，因此它较为精简。 通常情况下我们需要一个…

如果现在要把这个数组里面的数据渲染页面上要怎么做？开始之前要补充一个知识。之前说过 JSX 的表达式插入 {} 里面可以放任何数据，如果我们往 {} 里面放一个存放 JSX 元素的数组会怎么样？ 当我们需要改变 div 顺序的时候，我们都知道 react 的高效是依赖着 vir…

根据上面的例子，引出一个非常重要的概念。 2.2 当然由于真正的组件构成初始化，挂载到页面的过程比较复杂，所以 react 添加了几个方法，让我们更好的使用这个过程。 当然我们可以将组件插入页面，当然也可以删除，很多情况下，会在组件销毁的时候进行一定的操作，所以这个 react…

前言：迫于所有项目都要想 react 转移，开始初步的了解 react，由于以前已经学习了 react 的基础知识，今天了解一下 state 和 props 的概况。 针对对象：前端初学者，MVVM 框架初步了解者。 state 是组件保存，控制，修改自己的可变状态。 因为状态…