Next14 App Router,TypeORM,Shadcn/UI,Zustand,tRPC构建SASS系统，本章结合Zustand和tRPC进行内容框架构建.

前言 在Next.js中，组件主要被划分为两大类：服务端组件与客户端组件。这两类组件各自扮演着重要的角色，同时又会在页面构建过程中相互协作与引用。本文将详细阐述如何使用服务端组件与客户端组件，及使用注

2020年的12月21日，react官方对外宣布了一个还处于打磨阶段的新特性：“React server component”。官网的blog上对于“React server component”的简短描述也赫然于屏幕上： 仅仅凭【Zero-Bundle-Size】寥寥数语，我…

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧去进行性能优化，或者更好的代码组织。 性能优化的重要性不用多说，谷歌发布的很多调研精确的展示了性能对于网站留存率的影响，而代码组织优化则关系到后续的维护成本…

React Fiber是对React核心算法的重新实现。这是一个正在进行中的项目。到目前为止（指2016年），React团队已经对此进行了为期两年的研究和调研。 React Fiber的目标是增加React对动画，布局和手势等领域的是适配性（suitability）。React…

写这篇文章的目的，主要是想弄懂 React 最新的 fiber 架构到底是什么东西，但是看了网上的很多文章，要不模棱两可，要不就是一顿复制粘贴，根本看不懂，于是开始认真钻研源码。钻研过程中，发现我想得太简单了，React 源码的复杂程度远超我的想象，于是打算分几个模块了剖析，今…

module 代表当前模块，是一个对象，保存了当前模块的信息。exports 是 module 上的一个属性，保存了当前模块要导出的接口或者变量，使用 require 加载的某个模块获取到的值就是那个模块使用 exports 导出的值 死代码检测和排除，通过静态分析工具检测出哪…

这篇是我在组内做的一次技术分享的讲稿。没怎么修改就直接分享出来了。 React 16.6 添加了一个 <Suspense> 组件，可以用来在 lazy load 的时候显示加载中的状态。 后来 React 想，这 Suspense 既然能用来等待 lazy load 的 Pro…