女王控的博客

React

17 篇文章

React之PureComponent入门学习

PureComponent 最早在 React v15.3 版本中发布,主要是为了优化 React 应用而产生。 在这段代码中, 会浅比较 或 是否改变,来决定是否重新渲染组件。 实现 和 类似,都是定义一个组件类。不同是 没有实现 ,而 通过 props 和 state 的 浅比较 实现了。 使用场景 当 的 props 和 state 均为基本类型,使用 会节省应用的性能 可能出现的问题及解决方案 当props 或 state… »

React生命周期入门学习

React 生命周期很多人都了解,但通常我们所了解的都是 单个组件 的生命周期,但针对 Hooks 组件、多个关联组件 (父子组件和兄弟组件) 的生命周期又是怎么样的喃?你有思考和了解过吗,接下来我们将完整的了解 React 生命周期。 关于 组件 ,我们这里指的是 以及 ,但是否包括 Hooks 组件呢? Hooks 组件 函数组件 的本质是函数,没有 state 的概念的,因此 不存在生命周期 一说,仅仅是一个 render 函数 而已。 但是引入 Hooks… »

React16新特性

React16 新特性 引言 于 2017.09.26 Facebook 发布 React v16.0 版本,时至今日已更新到 React v16.6,且引入了大量的令人振奋的新特性,本文章将带领大家根据 React 更新的时间脉络了解 React16 的新特性。 概述 按照 React16 的更新时间,从 React v16.0 ~ React v16.6 进行概述。 React v16.0 render 支持返回数组和字符串、Error Boundaries、createPortal… »

React 面试题 & 回答

本项目的面试题来源于 sudheerj/reactjs-interview-questions 这个项目。一时兴起就动起了翻译的念头,由于本人的 React 功力尚浅,翻译的内容难免有误或不妥的地方,望请各位见谅。如果你喜欢这个项目,请 Star,更感谢你的 Pull Request。 以下是现阶段本项目的短期计划: 完成前期的翻译工作 为 React 16 新特性,添加在线示例或完整的示例代码 这里再次感谢 liaoyongfu 的大力支持 Core React 什么是 React… »

React设计模式与最佳实践

组件实践 组件接口设计三原则 保持接口小,props 数量要少 根据数据边界来划分组件,利用组合(composition) 把 state 尽量往上层组件提取 同时,我们也接触了这样一些最佳实践: 避免 renderXXXX 函数,直接使用独立的纯函数组件 给回调函数类型的 props 加统一前缀,比如 on 或者 handle 使用 propTypes 来定义组件的 props 组件内部实现 尽量每个组件都有自己专属的源代码文件; 用解构赋值(destructuring assignment… »

0%