React18

基于18.3.1源码进行分析和手写

1. 源码解析文章中的流程图：核心代码展示
2. 源码解析文章：基于流程图进行核心代码分析
3. 手写代码：基于文章分析的核心代码进行最小化工程的实现

项目目录

• debug-demo是源码文章调试的相关代码
• docs是源码文章的目录
• packages是手写代码存放的目录
• examples是手写代码使用的示例

docs内容概述

React基础

• React18使用详解
• React如何使用css
• React路由
• Redux状态管理多种模式
• SSR&CSR

前置知识 & 原理初探

React手写

源码解析中整理的流程图以及根据流程图进行具体的代码分析本质就是mini-react的雏形

• 根据源码解析 => 构建更加完善的mini-react代码
• 根据更加完善的mini-react代码完善源码解析的流程图和源码分析流程

难点分析

• Scheduler实现思路.md

手写代码

• react-dom
• react-reconciler
• shared

源码解析

参考

1. BetaSu/big-react
2. https://dev.to/vinomanick/create-a-monorepo-using-pnpm-workspace-1ebn
3. https://github.com/vinomanick/pnpm-monorepo