RaKL

"在这篇React学习总结笔记中，作者分享了从基础知识到进阶技巧的全面学习历程，涵盖了理论学习和实践经验的方方面面。通过亲身体验，作者深入剖析了React的强大魅力和潜力，为读者提供了一份宝贵的参考指

在开始今天的文章之前，大家不妨先想一下触发 React 组件 re-render 的原因有哪些，或者说什么时候 React 组件会发生 re-render 。

什么是webSocket？ 简单来说：webSocket就是服务器和客户端相互主动传输信息的约定协议。 优点: 基于TCP协议： WebSocket建立在TCP之上，这使得服务器端的实现相对容易。 与

特别喜欢红宝书的一句话“站在巨人的肩上”，起因是觉得react中的hooks语法，用了那么长时间，有的时候还是似懂非懂，所以才有了这一篇文章，学习一下前人封装hook的方法。

前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具库，相比与 lodash，更

介绍一个CSS检测文本溢出的小技巧。 一直以来，CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求，比如多行文本展开，展开按钮只有在文本溢出的时候才出现 由于无法直接CSS判断，这

过年期间在家里没事，把zustand的源码看了一遍，看完后我最大的收获就是TypeScript水平突飞猛进，再去刷那些类型体操题目就变得简单了，下面和大家分享一下zustand库是怎么定义ts类型的。

use 是一个能让你的代码更优雅的hook，虽然它还不是一个正式发布的 hook，但这不妨碍我们学习。

背景 目前作者所在的业务正在升级 Antd5.0，不得不说 Antd5.0 真的太香了，但是由于团队的 UE 规范进行了大改版，Antd5.0 所有的组件必须对齐最新的规范，因此就需要对 Antd5.