前言 本文并不是一步一步按照react-router的源码来分析的，而是通过阅读完react-router源码后，总结的一些核心点以及想法。 关于react-router 我们平时使用的都是react

大致介绍下文章内容 这周接到了新需求，大致就是需要实现一个可拖拽，可连线的类似流程图的一个东西。技术不精，望大佬们轻喷！

1、使用npm装包2、引入Sortable3、使用方法

最近项目需要实现一个表单拖拽更换位置的功能，第一时间想到了sortablejs这个库，因为在以前的开发过程中简单的使用过一次，感觉不错，重点是不侵入组件，所以本次还是准备用它，不过开发过程中却是遇到了很多问题。 该问题是因为本次列表选用的是一个长列表，虽然数据量不会特别大，但是…

这里简单说下实现轻点、长按列表实现错位排序动画实现思路，这里只用到了JQ，没有使用其他的库。胸有成竹、不屑一顾的大神请直接跳到最后点个赞也好，非常感谢。 用户手势交互可以直接使用mouse事件处理（移

源码总共也就一百多行，看完这个大致可以理解一些成熟的react拖拽库的实现思路，比如react-dnd，然后你上手这些库的时候就非常快了。 我们的目标是实现一个useDrag和useDrop的hooks，类似以下用法就可以轻松让元素可以拖拽，并且在拖拽的各个生命周期，如下，可以…

1.Expanding Cards 效果如图所示: 源码 在线示例 React的函数组件中建立数据通信，我们通常使用useState方法。它的使用方式采用数组解构的方式，如下: 解构的第一个参数是我们

前端组件化一直是老生常谈的话题，在前面介绍 React 的时候我们已经提到过 React 的一些优势，今天则是带大家了解一下组件设计原则。

详细的介绍浏览器全屏操作，从原生 api 到 react hook，从会遇到的坑到如何解决，力求让你一文了解浏览器全屏知识点。