Recreating React
Building Four Core Features of React
Primary Tools
TypeScript
Parcel
Jest
Project Image
Project Links
Summary
In this self-driven project, I undertook the challenge of recreating a simplified version of React from scratch to deepen my understanding of its inner workings.
By building out core functions like createElement, render, useState, and useEffect, I gained valuable insights into JSX transformation, DOM manipulation, and state management. This hands-on experience has not only solidified my grasp of React fundamentals but also honed my problem-solving skills. I've documented my journey and the technical intricacies of the project in a Medium article and a YouTube video for those interested in diving deeper (links below).
Features
- Transforms JSX into ReactElement objects with the createElement function
- Brings ReactElements to life on the DOM with the render function
- Manages state with useState
- Synchronizes the component with an external system with useEffect
Other Tools
PrettierGitHub