React 系列

最近对公司的项目做了从React17到React18的升级，本文展示升级到React18那些不常被注意或重要的变动点

搭建组件库，是每个前端或早或晚需要接触的内容。在此之前，我都是使用lerna来管理多包项目。但了解到pnpm workspace之后，我发现使用pnpm+monorepo+changesets方

前言 做管理系统必定绕不开权限管理这一块，本文详细介绍了对路由权限，接口权限，菜单栏权限，动态路由设置，按钮权限五个模块。 一、后端设计 设计思路： 在用户登录时，将token，用户等级以及菜单栏与按

针对react-router-dom V6，鉴于目前网络上的相关资源较少，本篇特地汇总了一些日常开发中常用的功能点。

性能优化是软件开发中永远不会过时的话题，本篇将介绍在React编码过程中需要注意的性能优化点。鉴于图片懒加载、虚拟滚动列表等已成为广为人知的通用性能优化手段，本文将不再赘述这些内容。

TypeScript作为JavaScript的一个超集，主要增加了可选的静态类型支持和基于类的面向对象编程。

一、数据更新驱动 1. useState 1. 基础介绍 useState主要用于声明和操作状态变量，可以使函数组件像类组件一样拥有state state：状态，作为渲染视图的数据源 setState

先附上源码地址：https://github.com/cwjbjy/vite-react-ts-seed 本文基于vite4+react18+typescript5+react-router-dom6

一、特点 1. 完整的 ts 支持 2. 相比于redux，@reduxjs/toolkit等库，API简单，易于上手 3. 基于发布订阅模式实现的响应式

react-router-dom v6相比于v5变动很大，单独列出变动点觉得没有必要，可以当成全新的插件去学习并使用。官方文档的内容太多，这里整理一些平时常用的，降低入门门槛。 前提：使用 vite

前言 Typescript提供了类型校验和代码提示功能，在大型项目中引入Typescript还是很有必要的。这里从0到1介绍老的React项目引入Typescript的过程，以及可能遇到的问题和解决思