Developer Guide
Step-by-step tutorial for building modern web applications with eklbaoa's reactive development model.
1. Project Setup
Create a new project:
npm create eklbaoa my-app
2. Components
Create a Component
eklbaoa.createComponent("custom-button", {
template: "<button class='bg-blue-500 px-4 py-2 rounded' @click='handleClick'>{{ label }}</button>",
props: ["label"],
methods: {
handleClick() {
this.$emit("click");
}
}
});
Use with
<custom-button label="Click Me" @click="doSomething" />
3. Reactivity
Reactive State
Use ref() for primitive reactive values
const count = ref(0)
// Auto-updates template on change
count.value++
Computed Values
Derived state that automatically updates
const doubleCount = computed(() => {
return count.value * 2
})
4. Routing
Router Configuration
eklbaoa.router({
routes: [
{ path: '/', component: HomeComponent },
{ path: '/about', component: AboutComponent }
],
historyMode: 'html5'
});
Navigation: <eklb-link to="/about">About</eklb-link>
5. Deployment
Production Build
npm run build
Supported Platforms
- Vercel
- Vercel
- AWS S3
- Netlify