Skip to content

Latest commit

 

History

History
82 lines (52 loc) · 2.22 KB

File metadata and controls

82 lines (52 loc) · 2.22 KB

nago-react

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.


✨ Features (Coming Soon)

  • 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.

🚀 Installation

You can install nago-react via npm:

npm install nago-react
# or
yarn add nago-react
# or
pnpm add nago-react

💡 Usage Example (Coming Soon)

This 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'));

📖 API Reference (Coming Soon)

Detailed documentation for nago-react APIs will be provided here.


🧪 Development & Contribution (Coming Soon)

Information on how to set up the development environment, run tests, and contribute to the project.


📄 License

This project is licensed under the ISC License.


🐛 Issues & Support

If you encounter any bugs or have feature requests, please open an issue on our GitHub Issue Tracker.


📚 Learn More

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.