@alpona/element
v0.5.1
Published
AlponaJS makes it easy to create your own web components.
Downloads
8
Readme
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/elementMinimal 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