Skip to content

Latest commit

 

History

History
17 lines (12 loc) · 1.16 KB

README.md

File metadata and controls

17 lines (12 loc) · 1.16 KB
Raw

Build Your Own React

This project is a step-by-step implementation of a basic React-like library, inspired by Rodrigo Pombo's blog post on building your own React. The goal is to understand how React works under the hood by creating a simplified version of it, covering the fundamental concepts like createElement, render, hooks, and the fiber architecture.

This project demonstrates how to build a React-like library from scratch, focusing on key concepts and features of React, including hooks and the fiber architecture. The implementation follows a series of steps, gradually adding features and functionality to our library, named Didact.

Features

  • Custom createElement function to create elements in JSX syntax.
  • A basic render function to append elements to the DOM.
  • Support for Concurrent Mode using requestIdleCallback.
  • Implementation of a fiber tree for efficient rendering and updates.
  • Reconciliation algorithm for updating and removing DOM nodes.
  • Hooks for state management in function components.

Getting Started

To run this project locally, you can simply clone the repository and open the HTML file in your browser.