鼠标框选的需求平常并不常见，但若碰到了，你会做吗？一个较为复杂的组件，api 要如何设计？怎么将平常所学运用其中？

React-Beautiful-DND，一个强大的拖拽包，能够优雅的做出丰富的拖拽页面应用，适用于列表之间拖拽的场景，支持移动端，且简单易上手。

之前写过一篇 react-dnd 用法的文章，里面写的可能比较啰嗦了，但是内容比较详细，很多 API 都罗列了出来。目前 React Hooks 出来了，react-dnd 也做了对应的更新，所以本篇使用 React Hooks + TypeSscript 对 react-dn…

应届生小A：在学校用React + antd做过后台管理系统，熟悉React技术栈。 两年前端小B：公司技术栈是React，都用了一年了，我React贼六。 五年前端老C：带团队把公司的粪坑项目用React重构了。React对我来说就跟呼吸一样容易。 小A、小B、老C：要不学学…

在项目中有一些关键信息，需要及时更新，比如商城类项目的顶部通栏中的个人账户信息，需要在任何页面下都呈现最新数据，而一般情况下顶部通栏都是公共组件，一次引入各个页面通用。那么怎么在每次路由切换的时候更新数据呢？ 我最开始使用的是最暴力的方式，利用 Route 的 render 属…

下图是useRef的demo效果图，通过“一个父组件嵌套一个子组”件来总结一些知识点。 ref对象与自建一个{current：‘’}对象的区别是：useRef会在每次渲染时返回同一个ref对象，即返回的ref对象在组件的整个生命周期内保持不变。自建对象每次渲染时都建立一个新的。…

Redux是用来管理JavaScript应用的状态的。官方文档地址：Redux。本文讲述如何在React中使用Redux，重点偏向Redux。如果需要了解React，可以参考React官网或者React入门（前一阵入门React时写的文|ω・)）。 Redux是一个用在Java…

redux 是一种独立的库，并不是专属于 react 生态的。 那么 react 和 redux 之间要联系起来，就需要使用 react-redux，看名字就能看出来它的作用。 我们都知道当 react 组件的 props 或 state 有变化时，组件就会更新。所以将 rea…

现在前端项目基本都采用打包技术，比如 Webpack，JS逻辑代码打包后会产生一个 bundle.js 文件，而随着我们引用的第三方库越来越多或业务逻辑代码越来越复杂，相应打包好的 bundle.js 文件体积就会越来越大，因为需要先请求加载资源之后，才会渲染页面，这就会严重影…