gh0sted/cetra
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(components) BaseComponent added

Browse Source
This commit is contained in:
gh0sTedBuddy
2024-04-21 14:38:40 +01:00
parent 588f09afff
commit f2b0d07804
3 changed files with 167 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
README.md
View File

@@ -1 +1,42 @@
# Cetra
# Cetra: A Lightweight and Intuitive JavaScript Framework
## Introduction
Cetra is a modern, lightweight, and intuitive JavaScript framework designed to simplify the development of web applications. It aims to provide developers with a seamless and efficient way to build interactive and reactive user interfaces using familiar HTML and JavaScript concepts.
## Key Features
1. **Component-Based Architecture**: Cetra follows a component-based architecture, allowing developers to break down their application into reusable and self-contained components. Components can be easily defined using HTML and enhanced with JavaScript functionality.
2. **DOM as State**: Cetra leverages the DOM as the source of truth for component state. By utilizing data attributes and DOM manipulation, Cetra eliminates the need for a separate state management system, resulting in a more intuitive and streamlined development experience.
3. **Automatic Component Discovery**: Cetra automatically discovers and initializes components within a specified wrapper DOM element. Developers simply need to define their components using a specific attribute or naming convention, and Cetra will handle the rest.
4. **Reactive Updates**: Cetra provides a reactive update mechanism that automatically updates the DOM when the component state changes. This ensures that the user interface remains in sync with the underlying data, reducing manual DOM manipulation and improving performance.
5. **Lightweight and Performant**: Cetra is designed to be lightweight and highly performant. It minimizes runtime overhead and optimizes rendering by efficiently updating only the necessary parts of the DOM. This makes Cetra suitable for building applications of various scales.
6. **Extensible Plugin System**: Cetra offers an extensible plugin system that allows developers to enhance its functionality. Plugins can be easily integrated to add new features, modify existing behavior, or integrate with third-party libraries and tools.
7. **Intuitive API**: Cetra provides an intuitive and developer-friendly API. It abstracts away complex internals and offers a clean and consistent interface for defining components, handling events, and managing state. Developers can focus on building their application logic without getting bogged down by framework complexities.
8. **Seamless Integration**: Cetra seamlessly integrates with existing web development workflows and tools. It can be easily incorporated into projects alongside other libraries and frameworks, allowing developers to leverage their existing knowledge and resources.
## Getting Started
To get started with Cetra, follow these steps:
1. Include the Cetra library in your project.
2. Define your application's root element and instantiate the Cetra class.
3. Create your components using HTML and annotate them with the appropriate attributes.
4. Enhance your components with JavaScript functionality as needed.
5. Let Cetra handle the component discovery, initialization, and reactive updates.
For detailed documentation, examples, and guides, please refer to the [Cetra Documentation](https://cetra.dev/docs).
## Contributing
We welcome contributions from the community! If you encounter any issues, have suggestions for improvements, or would like to contribute new features, please submit an issue or pull request on the [Cetra GitHub repository](https://github.com/ghostedbuddy/cetra).
## License
Cetra is open-source software licensed under the [MIT License](https://github.com/ghostedbuddy/cetra/blob/main/LICENSE).
---
We believe that Cetra offers a fresh and intuitive approach to building web applications. Its focus on simplicity, performance, and developer productivity sets it apart from existing frameworks. Give Cetra a try and experience the joy of creating interactive and reactive user interfaces with ease!