redux的是一个集中式的数仓，适用于多个组件数据源的情况，维护同一个数据样本，保持各个组件的一致性。 使用到这个UI组件时外层会有一个provider提供store，connect的作用就是将store的state和dispath与UI组件的属性做一个一一映射。

在 web 页面中，如果需要改变多个元素的位置，可以通过元素拖动来实现。HTML5中加入了一个全局属性draggable，通过设置该属性的值为 true/false 来控制元素是否可拖动。需要注意的是： 链接和图片默认是可拖动的，可以通过将 draggable 设置为false…

Hook 出来后，相信很多小伙伴都自己跃跃欲试，对于喜欢用react的，又喜欢Hook的，本篇文章将会与你一起玩转Hook。 useEffet 我们可以理解成它替换了componentDidMount, componentDidUpdate, componentWillUnmo…

如今几乎所有的视频网站都有弹幕功能，那么今天我们就自己用原生 JavaScript 封装一个弹幕类。这个类希望有如下属性和实例方法： 引入JavaScript文件之后，我们希望如下使用，先采取默认配置。 通过getComputedStyleapi计算出盒子的宽高，这里用来计算容…

历时三个月，终于和小伙伴们 “肝” 完了一阶段的项目，收获还是挺多的。但是由于这是我们第一次在正式项目中完全使用 React 进行开发，前期项目搭建的时候没有足够的经验，导致我们在进行项目优化的时候遇到了一些局限性，只能选择一些退而求其次的方式。 下面我就根据这次的整个开发过程…

之前我写过一篇文章 搭建 react + typescript + ant design 开发环境，现在看来很多内容都已经过时了。但是我看到前不久还有读者给我这篇文章点赞，不更新的话总感觉坑了它们，有点过意不去。但是，如果现在让我再去配置那套环境，我肯定不会再像那篇文章那样配置…

本篇文章讲述从零搭建React中后台项目框架模板，方便快速进行具体项目开发。包括Webpack5.0配置及打包优化、React全家桶使用（React + React-router + Axios + Mobx + Antd）、ESLint等项目开发规范等。 升级项目中全部依赖库…