A lightweight React-like framework built from scratch for learning purposes, focusing on core concepts and implementation details. This project aims to deepen understanding of how modern UI libraries work under the hood.
- Virtual DOM Reconciliation: Efficiently updates the UI by comparing virtual DOM trees.
- Component-Based Architecture: Build encapsulated components for reusable UI elements.
- State Management: Simple state management for dynamic UIs.
- JSX Support: Write UI using familiar JSX syntax.
You can install nago-react via npm:
npm install nago-react
# or
yarn add nago-react
# or
pnpm add nago-reactThis section will demonstrate how to get started with nago-react by showing basic component creation, state management, and rendering to the DOM.
// Example coming soon!
// import { render, useState } from 'nago-react';
// import { jsx, jsxs } from 'nago-react/jsx-runtime';
// function App() {
// const [count, setCount] = useState(0);
// return (
// <div>
// <h1>Hello, nago-react!</h1>
// <p>Count: {count}</p>
// <button onClick={() => setCount(count + 1)}>Increment</button>
// </div>
// );
// }
// render(<App />, document.getElementById('root'));Detailed documentation for nago-react APIs will be provided here.
Information on how to set up the development environment, run tests, and contribute to the project.
This project is licensed under the ISC License.
If you encounter any bugs or have feature requests, please open an issue on our GitHub Issue Tracker.
This project is part of a journey to build a React-like framework from scratch. You can follow the development and learn more at the repository homepage.