/react-lite

A simple light-weight prototype of React

Primary LanguageHTML

React Lite

A simple light-weight prototype of React :)

Built for learning purposes and to get the essence of what happens under the hood.

Size: 2kb gzipped.

Reference

React - Basic Theoretical Concepts

React - Codebase overview

React - Implementation details

React Source parsing

React in 200 bytes

React source code analysis series - 1. Life cycle management

React source code analysis series - 2. Decrypting setState

React source code analysis series - 3. React diff

React Source code analysis series - 4. React Transition

Understanding React and reimplementing it from scratch Part 1: Views

Understanding React and reimplementing it from scratch Part 2: Controllers

React Transaction - What happens after setState

In depth understanding of the React BatchUpdate mechanism

Dive into React codebase: Transactions

Dive into React codebase: Handling state changes

How to implement a Virtual DOM Algorithm

React Source Analysis - Part I (first rendering principle)

React Source Analysis - Part II (update mechanism principle)

Tiny React Renderer

Reconciliation - Docs

React Fiber Architecture

In-depth diffing

Performance Engineering with React

React performance - Vjeux

React architecture - Vjeux

Preact - Lightweight 3kb version of React

React Lite - an implementation of React that optimizes for small script size

Videos

Building React from Scratch - Paul O Shannessy

React.js Internals with Nick Niemeir

Standing On The Shoulders Of Giants Or How To Read The Internals Of React js

ReactJS: Under the hood

React events in depth

React reconciliation - Jim Sproch

React Fiber: What's next for React

A Cartoon Intro to Fiber - Lin Clark