前言

昨天介绍了 pinia-colada 库的基本使用，有个小伙伴评论里提到了 alova，好奇心驱使下，我研究了一会这个库，发现 alova 作为新一代请求策略库，正在改变开发者处理 API 交互的方式。

往期精彩推荐

• TanStack：一款为现代 Web 开发打造的强大、无头且类型安全的库集合
• Zod 深度解析：TypeScript 运行时类型安全的终极实践
• Alova.js 现代化请求库完全指南
• 更多精彩内容欢迎关注我的公众号：萌萌哒草头将军

简介

React Signals 是一个轻量级的状态管理库，它提供了一种简单而强大的方式来管理 React 应用中的状态。它的 API 设计受到了 SolidJS 的启发，使用起来非常直观。

基础用法

1. 创建信号 (createSignal)

import { createSignal } from "reactjs-signal";

// 创建一个初始值为 0 的信号
export const count = createSignal(0);

文章同步更新在公众号：萌萌哒草头将军，欢迎关注

好久不见，该系列已经更新了三篇了，上文介绍了 React 是如何通过 Lane 模型判断更新任务的优先级的，视野聚焦于 Lane 模型的原理，今天我们详细看看 Lane 模型工作前发生了啥。

💡 相关阅读

• 🎉 干货满满，React 设计原理(一)：藏在源码里的紧箍咒 🎉
• 🎉 干货满满，React 设计原理(二)：藏在源码里的两个圈 🎉
• 🎉 干货满满，React 设计原理(三)：藏在源码里的排位赛，Lane 模型 🎉

接着上篇文章：React 状态管理库—— zustand 为啥这么简单易用 🚀

今天探究 Zustand 底层原理

🚀zustand为什么这么好用

第一次使用 zustand 被惊艳到了。只需要调用create函数创建store就可以直接在任何组件使用了。

文章同步在公众号：萌萌哒草头将军，欢迎关注

GitHub 地址点这里

🚀 简单易用的 zustand

🚀 简单的对比

说到中大型 React 项目状态管理库，最先想到就是 Redux。而 Redux 是基于 Flux 架构模式的状态管理库。

文章同步在公众号：萌萌哒草头将军，欢迎关注

⚡️ 使用 Vite

前段时间，将练习了时长两年半的 react 项目脚手架换成 vite 了，过程如下

首先使用 vite 创建基础项目框架

npm create vite@latest my-vue-app --template react-ts

文章同步更新在公众号：萌萌哒草头将军，欢迎关注

💡 相关阅读

• 🎉 干货满满，React 设计原理(一)：藏在源码里的紧箍咒 🎉
• 🎉 干货满满，React 设计原理(二)：藏在源码里的两个圈 🎉

💡相关阅读

• 🎉干货满满，React设计原理(一)：藏在源码里的紧箍咒，几个容易混淆的变量🎉

文章首发公众号：萌萌哒草头将军，最近关注有🎁，欢迎关注

💎 第二座大山：链表结构和双缓存机制

上篇文章中讲述了几个容易给源码阅读造成困扰的几个fiber相关的变量名称，这篇我将介绍下Fiber架构的链表结构和双缓存机制。

💡 相关阅读

• 🎉干货满满，React设计原理(二)：藏在源码里的两个圈，关键的链表结构和双缓存技术🎉

文章首发公众号： 萌萌哒草头将军，最近关注有🎁，欢迎关注

最近在努力研究React源码，发现它并没有我之前想象的那么难理解。

文章首发公众号：萌萌哒草头将军，最近关注有🎁，欢迎关注！

我们知道，useMemo和useCallback主要作用是缓存中间状态，减少无意义的的render从而提高性能。但是最近我发现我对它们的使用一直有误解！

💡推荐阅读

• 🎉干货满满，React设计原理(一)：藏在源码里的紧箍咒，几个容易混淆的变量🎉
• 🎉干货满满，React设计原理(二)：藏在源码里的两个圈，关键的链表结构和双缓存技术🎉