pomber/didact
Didact
Didact is a virtual DOM UI framework and functional component library. It utilizes a concurrent rendering engine and a fiber-based reconciliation library to synchronize a visual interface with data changes.
The framework implements a concurrent rendering engine that breaks rendering work into resumable chunks. This prevents long-running tasks from blocking the main browser thread by dividing interface updates into small units of work.
The system covers virtual DOM implementation and fiber architecture, using a linked-list fiber tree to track element relationships. It manages function component execution, hook-based state persistence, and a two-phase commit process that separates the calculation of UI changes from physical DOM mutations.
Features
- Concurrent UI Frameworks - Implements a concurrent UI framework designed for asynchronous rendering and prioritized task scheduling.
- Render-Time State Hooks - Provides hooks to attach reusable state and side-effect logic to functional components during rendering.
- Fiber Tree Reconciliation - Implements fiber-based diffing algorithms to determine minimal UI updates during incremental rendering.
- Fiber Tree Structures - Manages fiber tree relationships using a linked list of units to ensure efficient traversal of the work tree.
- DOM Rendering Engines - Implements a DOM rendering engine for mounting and updating virtual elements into the browser DOM.
- Functional Components - Utilizes functional components defined as pure functions that return visual structures based on properties.
- Element Descriptors - Implements the transformation of types and properties into descriptor objects to build the virtual tree.
- Virtual DOM Engines - Ships a virtual DOM engine that manages UI updates through the reconciliation of virtual element trees.
- Virtual DOM Implementations - Implements a virtual DOM system that maintains memory-based representations to optimize rendering performance.
- Concurrent Rendering Engines - Features a concurrent rendering engine that prioritizes tasks and breaks work into chunks to maintain responsiveness.
- Component Local States - Manages ephemeral component local states to trigger precise re-renders of individual UI elements.
- Frontend Frameworks - Provides a foundation for building interactive web-based user interfaces using a functional component model.
- Virtual DOM Diffing - Uses virtual DOM diffing algorithms to calculate minimal changes between two virtual trees and synchronize the DOM.
- Rendering Schedulers - Provides a rendering scheduler that divides work into small units to avoid blocking the main browser thread.
- UI Component Execution - Executes function components to determine returned elements and integrate them into the virtual tree.
- Recursive Tree Traversal Algorithms - Utilizes recursive tree traversal algorithms to walk the virtual element hierarchy and determine necessary updates.
- Rendering Phase Coordination - Coordinates rendering phases to separate measurement and mutation, preventing users from seeing incomplete interface updates.
- UI Commit Phases - Implements a two-phase process that separates UI change calculation from physical DOM mutations to prevent incomplete updates.
- Incremental Reconciliation - Implements incremental reconciliation to update only modified branches of the tree during data edits.
- Tree Reconciliation Algorithms - Uses tree reconciliation algorithms to compare virtual node trees and determine the minimal set of changes.
- Frontend Frameworks - Listed in the “Frontend Frameworks” section of the Build Your Own X awesome list.
