useRef 是常用的 API，但还有一个 createRef 的 API，你知道他们的区别吗？通过 React.useRef and React.createRef: The Difference 这篇文章，你可以了解到何时该使用它们。 其实原文就阐述了这样一个事实：useR…

本文涉及到的代码已经整理到 github 仓库中，用 cra 搭建了一个示例工程，关于性能优化的部分可以打开控制台查看重渲染的情况。 勾选、全选与反选。 根据选中项计算总价。 首先我们请求到购物车数据，这里并不是本文的重点，可以通过自定义请求 hook 实现，也可以通过普通的 …

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

解决了的问题是：当我们一个函数组件想要有自己维护的state的时候，不得已只能转换成class。这样很麻烦！ 😄1. 重点： useState的初始值，只在第一次有效 我当时反正没有当回事，直到遇到了坑... 🌰2. 举个例子： 😄 1. 就是相当于全局作用域，一处被修改…

前端开发是一项包含诸多挑战的工作。这项有趣的工作诞生于这个充满设计、用户体验和工程学的世界。我们作为前端开发者的工作是要运用设计、UX 和 UI 逻辑来给用户“打造”一个舒适的体验。 随着高速专用网络变得越来越普及，网络的正常连接已经习以为常了，但是有一个经常被忽视的问题，当你…

不管是工作需要还是面试加分，除了Vue相关技术以外，React技术栈也已经成为了前端开发工程师必备的技术点。接下来，我将从零开发一套完整的React全家桶项目开发环境，提供给需要的同行小伙伴观看也方便自己以后复习。篇幅很长，请需要的小伙伴耐心阅读完必有所收获！ ... 后续有时…

在本篇文章中，我不想太深入解释有关 React Suspense 的实现细节和它内部的工作原理，因为已经有很多优秀的博客文章、视频和讨论做过这些事情了。相反，我更愿意把重点放在 Suspense 将会如何影响在应用开发时我们对加载状态和架构应用的思考。 鉴于有些人可能没有听说过…

尽管无状态函数组件（SFCs）是一件趁手的神兵利器，但 ES6 类组件仍旧是创建 React 组件及其状态和生命周期钩子函数的默认方式。 假设一个 ES6 类组件如下例所示（只展示简化过的部分代码）。 在 constructor 中初始化 state，并于 componentD…

react-admin-element，一款基于react的后台管理系统。 1. cli工具 1. react-admin-demo 2. react-admin-simple 这个版本主要是为了帮助一些只想要基础功能，却对代码无从下手清除的情况下产生的。 此版本里只拥有路由，…