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

非常感谢王红元老师的React核心技术实战让我学习到很多 React 的知识。

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧解决一些实际问题，本文中使用的代码都是简化后的，不代表生产环境。生产环境的代码肯定比文中的例子要复杂很多，但是简化后的思想应该是相通的。 那么比如在路由发生…

在React的官方博客中明确阐述了 React 不是一个 MVC 框架，而是一个用于构建组件化 UI 的库，是一个前端界面开发工具。所以顶多算是 MVC 中的 V（view）。React 并没有重复造轮子，而是有很多颠覆性的创新，具体的特性如下： JSX就是 Javascrip…

进入正题，做后台项目区别于做其它的项目，权限验证与安全性是非常重要的，可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能。我们所要做到的是：不同的权限对应着不同的路由，同时侧边栏也需根据不同的权限，异步生成。这里先简单说一下，我实现登录和权限验证的思路。 登录：当用户填写…

其实按照我自己的看法：React Hooks是在函数式组件中的一类以use为开头命名的函数。 这类函数在React内部会被特殊对待，所以也称为钩子函数。 解决为什么要使用hooks的问题，我决定从hooks解决了class组件的哪些痛点和hooks更符合react的组件模型两个…

react-hook的出现让我们对无状态组件又有了一些新的认知,特别是它还提供各种各样的hook,比如useReducer,useRef,useEffect,useMemo,useCallback,useState,useContext.... 在开发中,大家肯定用过Redux…

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章，主要讲解实际项目中如何使用hooks以及一些最佳实践，不会一步步再介绍一遍react hooks的由来和基本使用，…

我花了一些精力来创作本文，以及熬夜编写本文的示例程序，以便您能在阅读之后可以实践参考，阅读后如果觉得对您有帮助，可以关注作者、收藏和点赞本文，这是对作者写出优质文章最大的鼓励了。 在本文中，我将创建一种可重用的方法来对 React 中的表格数据进行排序功能，并且使用React …