Important
This previously experiment is wrapped up, moving forward the development will happen at https://github.com/tinijs/tinijs/tree/main/packages/core.
If you want to use the experimental version still, please use the version 0.16.0.
The core module of the TiniJS framework.
It uses the Lit library under the hood.
To manually install the module: npm i @tinijs/core@0.16.0
It is recommended to download the Skeleton for a ready-to-use structured project.
For more, please visit: https://tinijs.dev
- Create an
app(ex. app.ts):
import {html} from 'lit';
import {TiniComponent, App} from '@tinijs/core';
@App()
export class AppRoot extends TiniComponent {
protected render() {
return html`...`;
}
}- Create a
component:
import {html} from 'lit';
import {TiniComponent, Component, Input} from '@tinijs/core';
@Component()
export class AppHelloComponent extends TiniComponent {
static readonly defaultTagName = 'app-hello';
@Input() name?: string;
protected render() {
return html`<h1>Hello ${this.name}! 👋</h1>`;
}
}- Create a
page:
import {html} from 'lit';
import {TiniComponent, Page} from '@tinijs/core';
@Page({
name: 'app-page-404'
})
export class AppPage404 extends TiniComponent {
protected render() {
return html`<h1>Oops 🫣!</h1>`;
}
}For more detail, please visit the docs: https://tinijs.dev
// TODO
- Create a home for TiniJS:
mkdir TiniJS && cd TiniJS - Fork the repo
- Install dependencies:
cd core && npm i - Make changes & preview locally:
npm run build && npm pack - Push changes & create a PR 👌
@tinijs/core is released under the MIT license.