扭扭薯条

使用过redux的同学都知道,redux作为react公共状态管理工具，配合react-redux可以很好的管理数据,派发更新，更新视图渲染的作用，那么对于 react-redux 是如何做到根据 state 的改变，而更新组件，促使视图渲染的呢，让我们一起来探讨一下，reac…

个人理解，单页面应用是使用一个html下，一次性加载js, css等资源，所有页面都在一个容器页面下，页面切换实质是组件的切换。 history 可以理解为react-router的核心，也是整个路由原理的核心，里面集成了popState,history.pushState等底…

在熟悉业务中播放器功能的时候，发现时间轴上绑定了点击和拖动事件，频繁遇到了类似pageX之类的事件属性。往往在需要动态计算元素的高度或者事件发生位置时需要用到此类属性，之前的学习中没有系统性地进行过归纳总结。现从最基本的鼠标事件的属性开始，完整的梳理一下各个属性的区别以便日后查…

作为一名精致的前端猪猪女孩，也有那么点想让自己的代码同样看起来精致一点。所以在拿到新需求的 UI 设计稿时，经常会面临如下问题：如何拆解页面？如何划分组件才算是合理？好像用于组件拆分的 A 方案和 B 方案在当前业务场景下也都还算合理，那究竟要怎么选择？组件的抽象与粒度貌似是一…

引言 在深入了解FIber之前，我们可以先了解一下React的架构发展历程： React15架构可以分为两层： Reconciler（协调器）—— 负责找出变化的组件； Renderer（渲染器）——

本次的文章我们将介绍React中常用的另外一个Hook——useRef。同时将`useRef`与`useState`进行对比，希望可以帮助大家更好地理解并使用钩子函数。