不会c的半吊子前端开发的

```js import type React from 'react'; type reducerName = string; type sliceName = stri...

简介 类组件生命周期 React 生命周期的主要作用是管理组件在不同阶段的行为。它允许开发者在组件的生命周期钩子函数中执行特定的操作，从而控制组件的行为、状态和渲染。 生命...

diff 比较 diff 比较只会同级比较，如果父节点标记为新建/删除，子节点也不会进行比较； 如果代码看的比较烦，可以直接跳到底部图形描述 单节点 判断单节点是更新之后的...

自己做组件库并不是为了炫技，开源的组件库已经非常多了，重复造轮子的意义不大。但是这个从0到1的过程，不仅让自己学到了很多东西，而且也是热爱自己这一行的一种表现。...

最近一直在捣鼓团队的脚手架开发，一个脚手架中往往包含多个库，所以就想着用monorepo来实现。当然程序员首要任务就是偷懒，所以顺便把自动化构建和发布都搞了，顺便水一篇文章...

前言 useContext是react很基础的一个hook api，在一些比较大型，复杂的项目中常用，通过使用 useContext，你可以更轻松地在组件之间共享状态，避免...

本文适用于前端方向的同学（没错就是给自己看的😭），文章整体从 Webpack 热更新的概念、核心思想以及重点源码解析等三个方面进行阐述，希望能让大家一起对热更新有所了解。...

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题...

前言 useMemo和useCallback是成对的，在使用上也很相像；根据不同场景使用不同的hook，来做优化。 源码解析 mount阶段 按照常规流程，调用HooksD...

前言 useCallback和useMemo都是Hook中用于性能优化的； useCallback 是一个允许你在多次渲染中缓存函数的 React Hook。 源码解析 m...

前言 react遵循单项数据流，但也有会向子组件获取一些实例，或者方法，这时候就需要用到useImperativeHandle，也涉及到组件安全，将一些安全可暴露方法，属性...

前言 本章解锁useRef源码，useRef的源码还是很简单的，也是使用十分广泛的hook，而且使用场景还是很广泛的； useRef也会配合useImperativeHan...

前言 useInsertionEffect使用方法和useEffect一致，但是使用场景很少，开发者几乎很少使用； useInsertionEffect也是和生命周期相关的...

前言 useLayoutEffect 其函数签名与 useEffect 相同，但它会在所有的 DOM 变更之后同步调用 effect。可以使用它来读取 DOM 布局并同步触...

前言 这个是关于hook可能导致组件更新的最后一个，前面已经讲了关于能够更新的hook有useState,useReducer,useTransition,useDefer...

前言 这章开始介绍相关的生命周期，之前的hook都是和更新渲染、更新相关的； useEffect解决函数组件中的生命周期，对应类组件中，componentDidMount、...