# betasu/just-react

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/betasu-just-react).**

6,402 stars · 556 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/BetaSu/just-react
- Homepage: https://react.iamkasong.com/
- awesome-repositories: https://awesome-repositories.com/repository/betasu-just-react.md

## Topics

`fiber` `hooks` `react` `reactjs` `source-code`

## Description

「React技术揭秘」  一本自顶向下的React源码分析书

## Tags

### Development Tools & Productivity

- [Framework Source Code Analyses](https://awesome-repositories.com/f/development-tools-productivity/code-quality-analysis/static-analysis-engines/static-analysis-tools/static-code-analyzers/source-code-analysis/framework-source-code-analyses.md) — Provides an educational analysis of React's source code to explain its internal architecture and execution flow.

### Education & Learning Resources

- [Framework Internals Guides](https://awesome-repositories.com/f/education-learning-resources/language-internals-study-guides/framework-internals-guides.md) — Traces React's execution path to reveal how the framework works under the hood.
- [Framework Source Code Analysis Books](https://awesome-repositories.com/f/education-learning-resources/source-code-analysis-guides/framework-source-code-analysis-books.md) — A book that explains React's internal architecture and execution flow by analyzing its source code from top to bottom.

### Networking & Communication

- [Framework Deep Dives](https://awesome-repositories.com/f/networking-communication/kubernetes-network-orchestration/deep-dive-guides/framework-deep-dives.md) — Provides a deep dive into React's source code to help developers understand its internal mechanisms.

### Software Engineering & Architecture

- [Component State and Effect Hooks](https://awesome-repositories.com/f/software-engineering-architecture/effect-state-management/component-state-and-effect-hooks.md) — Explains how React manages component-local state and side effects through hooks like useState and useEffect.
- [Fiber Architecture Walkthroughs](https://awesome-repositories.com/f/software-engineering-architecture/fiber-architectures/fiber-architecture-walkthroughs.md) — Provides detailed walkthroughs of React's fiber architecture, explaining how rendering work is broken into incremental units.
- [Reconciliation Algorithms](https://awesome-repositories.com/f/software-engineering-architecture/reconciliation-algorithms.md) — Explains React's reconciliation algorithm that compares element types and keys to determine tree changes.
- [Rendering Schedulers](https://awesome-repositories.com/f/software-engineering-architecture/task-scheduling/asynchronous-schedulers/cooperative-schedulers/rendering-schedulers.md) — Explains React's scheduler that uses a priority queue to yield control back to the browser between rendering work units.

### System Administration & Monitoring

- [Framework Execution Path Tracings](https://awesome-repositories.com/f/system-administration-monitoring/execution-tracing/framework-execution-path-tracings.md) — Traces React's internal execution path from component creation through rendering to explain how updates are processed. ([source](https://cdn.jsdelivr.net/gh/betasu/just-react@master/README.md))

### User Interface & Experience

- [Component Lifecycle Hooks](https://awesome-repositories.com/f/user-interface-experience/presentation-frameworks/lifecycle-state-management/component-lifecycle-management/component-lifecycle-hooks.md) — Explains React's predefined lifecycle methods executed during mount, update, and unmount phases.

### Web Development

- [Event Delegation Systems](https://awesome-repositories.com/f/web-development/event-delegation-systems.md) — Describes React's synthetic event system that attaches a single root listener for all events.
- [JSX Compilers](https://awesome-repositories.com/f/web-development/jsx-compilers.md) — Explains how JSX syntax is transformed into React.createElement calls during the build process.
- [Virtual DOM Reconciliation](https://awesome-repositories.com/f/web-development/virtual-dom-reconciliation/virtual-dom-reconciliation.md) — Explains React's virtual DOM diffing algorithm that computes minimal real DOM updates.

### Part of an Awesome List

- [Framework Source Analysis](https://awesome-repositories.com/f/awesome-lists/devtools/framework-source-analysis.md) — Structured tutorial for understanding React source code.
- [React Ecosystem](https://awesome-repositories.com/f/awesome-lists/devtools/react-ecosystem.md) — In-depth analysis and explanation of React source code.