{"id":25183984,"url":"https://github.com/smtdfc/rumious","last_synced_at":"2025-05-07T13:06:03.377Z","repository":{"id":275160459,"uuid":"924985898","full_name":"smtdfc/rumious","owner":"smtdfc","description":"A simple framework for building user interfaces with JSX","archived":false,"fork":false,"pushed_at":"2025-05-05T05:24:52.000Z","size":604,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-07T13:05:57.943Z","etag":null,"topics":["components","framework","javascript","js","jsx","no-vdom","rumious","smtdfc","ui"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/smtdfc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-01-31T02:00:55.000Z","updated_at":"2025-05-05T05:24:55.000Z","dependencies_parsed_at":"2025-02-22T19:19:30.287Z","dependency_job_id":"650720d2-a761-4473-b0ff-b260507d682a","html_url":"https://github.com/smtdfc/rumious","commit_stats":null,"previous_names":["smtdfc/aurajs","smtdfc/rumious"],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smtdfc%2Frumious","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smtdfc%2Frumious/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smtdfc%2Frumious/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smtdfc%2Frumious/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/smtdfc","download_url":"https://codeload.github.com/smtdfc/rumious/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252883206,"owners_count":21819160,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["components","framework","javascript","js","jsx","no-vdom","rumious","smtdfc","ui"],"created_at":"2025-02-09T19:19:48.735Z","updated_at":"2025-05-07T13:06:03.370Z","avatar_url":"https://github.com/smtdfc.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ⚡ Rumious\n![npm](https://img.shields.io/npm/v/rumious)  \n![downloads](https://img.shields.io/npm/dt/rumious)  \n![bundle size](https://img.shields.io/bundlephobia/min/rumious)\n![GitHub stars](https://img.shields.io/github/stars/smtdfc/rumious?style=social)\n![Language](https://img.shields.io/github/languages/top/smtdfc/rumious)\n![GitHub license](https://img.shields.io/github/license/smtdfc/rumious)\n\n\n**Rumious** is a UI framework based on **Web Components**, enabling you to build modern interfaces without relying on Virtual DOM\n\n## 🚀 Key Features\n- **Web Components** – Fully compatible with any framework or works independently.\n- **No Virtual DOM** – High performance with minimal resource usage.\n- **Lifecycle Hooks Support** – Control the rendering and removal process of components.\n\n## 📦 Installation\n```sh\nnpm install rumious rumious-cli\n```\n\n## 🔧 Basic Usage\n\nUsing **Rumious** to create custom components and apps is simple and efficient. Follow the steps below to get started with a basic example.\n\n### 1. Create a New Project\n\nStart by initializing a new Rumious project:\n\n```sh\nrumious init start-app\nnpm install \n```\n\nThis command will generate a project directory with the basic structure and configuration files.\n\n### 2. Create Your First App\n\nNavigate to the *index.jsx* file and add the following code:\n\n```js\nimport {RumiousApp, Fragment} from \"rumious\";\nconst app = new RumiousApp(document.getElementById(\"root\"));\n\napp.render(\n  \u003cFragment\u003e\n    \u003ch1\u003eHello Rumious\u003c/h1\u003e\n    \u003cbutton on:click={async () =\u003e alert(\"Hello Rumious!\")}\u003eClick me!\u003c/button\u003e\n  \u003c/Fragment\u003e\n);\n\n```\n\nIn this example, you are rendering a simple application with a heading and a button. When the button is clicked, an alert with \"Hello Rumious!\" is displayed.\n\n### 3. Build and Test Your Project\n\nOnce you've created your app, you can build it and start testing it locally.\n\nTo build your project, run:\n```sh\nrumious build dev\nnpx http-server ./public -p 3000\n```\n\nAfter the build is complete, open your browser and go to http://localhost:3000 to see the result of your app.\n\n---\n\nBy following these steps, you’ve created your first Rumious app, showcasing the power of Web Components in a lightweight and performant way. You can now customize and expand your project with more components and logic as needed.\n\n\n## 📚 Documentation \u0026 Community\n\nFor detailed documentation and further examples, please visit the Rumious Documentation Site (link to be provided). You can also join our community on GitHub Discussions or Discord to share ideas, ask questions, and contribute to the project.\n\n## 🎯 Roadmap\n\nEnhanced Tooling: Development of CLI tools for component scaffolding and project setup.\n\nState Management Integration: Seamless integration with popular state management libraries.\n\nImproved Testing Utilities: Tools and guidelines for writing tests for Rumious components.\n\nAdditional Lifecycle Hooks: More granular control over component updates and re-renders.\n\n\n## 📄 License\n\nRumious is open-sourced under the MIT License. See the LICENSE file for more information.\n\n## 🙏 Contributing\n\nContributions are welcome! To contribute to Rumious, please follow these steps:\n\n1. Fork the repository.\n2. Create a new branch for your feature or bug fix.\n3. Commit your changes with clear, descriptive commit messages.\n4. Submit a pull request describing your changes.\n\nFor more details, please see our Contributing Guidelines.\n\n---\n\nWe hope Rumious helps you build better, faster, and more efficient web interfaces. Thank you for choosing Rumious!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmtdfc%2Frumious","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsmtdfc%2Frumious","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmtdfc%2Frumious/lists"}