react
26篇文章 · 0订阅
  • React事件处理函数中的this为什么需要绑定？（否则会undefined）
    一个前端小伙伴给我看React事件处理函数的两种写法，问了一些问题，于是我查阅了一些文档... ES6 的Class可以看作一个语法糖，写法让对象原型的写法更加清晰、更像面向对象编程的语法，上面的代码用 ES6 的Class改写，就是下面这样。 Point类除了构造方法 con…
    React.js
  • 精读《useEffect 完全指南》
    1. 引言 工具型文章要跳读，而文学经典就要反复研读。如果说 React 0.14 版本带来的各种生命周期可以类比到工具型文章，那么 16.7 带来的 Hooks 就要像文学经典一样反复研读。 Hooks API 无论从简洁程度，还是使用深度角度来看，都大大优于之前生命周期的 …
    React.js JavaScript
  • React列表循环为什么需要key | 面试题
    大家在开发React应用的时候，都遇到过将数组中的数据渲染成列表的情况，通常的做法是使用map()/filter()等方法,直接将数组转化为React集合，之后插入到指定的位置。在转化的过程中，需要每一个新创建的React组件显示地声明一个key属性 生产环境中却什么都不会提示…
    React.js
    React列表循环为什么需要key | 面试题
  • React性能优化之shouldComponentUpdate、PureComponent和React.memo
    最近一直在学习关于React方面的知识，并有幸正好得到一个机会将其用在了实际的项目中。所以我打算以博客的形式，将我在学习和开发（React）过程中遇到的问题记录下来。 这两天遇到了关于组件不必要的重复渲染问题，看了很多遍官方文档以及网上各位大大们的介绍，下面我会通过一些demo…
    React.js
  • 「react进阶」一文吃透React高阶组件(HOC)
    React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数。高阶作用用于强化组件，复用逻辑，提升渲染性能等作用。高阶组件也并不是很难理解，其实接触过后还是蛮简单的，…
    React.js
    「react进阶」一文吃透React高阶组件(HOC)
  • 玩转react-hooks,自定义hooks设计模式及其实战
    自从react16.8，react-hooks诞生以来，在工作中一直使用hooks，一年多的时间里，接触的react项目，渐渐使用function无状态组件代替了classs声明的有状态组件，期间也总结了一些心得。尤其对于近期三个月的项目里，一点点用自定义hooks来处理公司项…
    React.js
    玩转react-hooks,自定义hooks设计模式及其实战
  • 关于Vue和React的一些对比及个人思考（上）
    Vue和React都是目前最流行、生态最好的前端框架之一。框架本身没有优劣之分，只有适用之别，选择符合自身业务场景、团队基础的技术才是我们最主要的目的。 博主1年前用的是Vue框架，近半年转技术栈到React框架，对于Vue和React都有一些基本的了解。接下来博主将与大家一起…
    JavaScript
    关于Vue和React的一些对比及个人思考（上）
  • 精读《插件化思维》
    本周精读内容是 《插件化思维》。没有参考文章，资料源自 webpack、fis、egg 以及笔者自身开发经验。 用过构建工具的同学都知道，grunt, webpack, gulp 都支持插件开发。后端框架比如 egg koa 都支持插件机制拓展，前端页面也有许多可拓展性的要求。…
    React.js JavaScript 前端
  • 【React】setState详解
    这四次输出，按常理来说分别是: 1，2，3，4。但是，实际输出为: 0, 0, 2, 3。 在分析之前，需要知道setState的一些关键点。 多次setState函数调用产生的效果会合并。 上面两块代码的效果是一样的。如果每次调用都引发一次生命周期更新，那性能就会消耗很大了。…
    React.js
  • [译] 关于 React Router 4 的一切
    原文地址：All About React Router 4 原文作者：BRAD WESTFALL 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO/all-about-react-rou…
    掘金翻译计划 React.js