idk.js

A basic frontend framework built from scratch for learning purposes.

Note

This project is a work in progress and is strictly for educational purposes. It is not intended for production use.

The 5 Pillars of idk.js

This framework is built around five major systems:

1. Rendering System: Converting our logic into actual DOM elements.
2. Reactivity System: Tracking state changes and automatically updating the UI.
3. Reconciliation (VDOM): Efficiently diffing the virtual DOM to minimize real DOM manipulations.
4. Component Model: A structured way to build reusable UI pieces.
5. Event Delegation: Handling user interactions efficiently across the application.

Project Structure

The project uses a monorepo-style structure to keep the framework logic separate from the application logic:

• packages/core/: The engine of the framework.
• src/: A playground/app area to test the framework features as they are built.

Tech Stack

• Vite: For fast development and bundling.
• TypeScript: For type safety and better developer experience.

Getting Started

To run the app:

npm install
npm run dev