0.5.1 โข Published 2 years ago
@alpona/element v0.5.1
About The Project
Alpona lets you build encapsulated, reusable Web Components that work just like standard HTML elements, to use in building web applications.
Core Features:
- Its as small as 2KB.
- Simple lifecycle methods
connectedCallback
,disconnectedCallback
,update
,updated
,render
. - Two way data binding.
- Template are defined using template literals.
Getting Started
Installation
To install from npm:
npm i @alpona/element
Minimal Example
<html lang="en">
<script src="node_modules/@webcomponents/webcomponents-loader.js"></script>
<script type="module">
import { html, Component } from '@aplona/element'
class Counter extends Component {
render() {
return html`<h1>Welcome to the world of WebComponent. Built with Alpona.</h1>`
}
}
window.customElements.define('my-counter', Counter)
</script>
<body>
<my-counter></my-counter>
</body>
</html>
๐ง Roadmap
See the open issues for a list of proposed features (and known issues).
๐ค Contributing
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are extremely appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/YourOwnFeature
) - Commit your Changes (
git commit -m 'Add some YourOwnFeature'
) - Push to the Branch (
git push origin feature/YourOwnFeature
) - Open a Pull Request
๐ซ Contact
Project Link: https://github.com/tanmaymazumdar/alpona.js