Documentation | EseniIia

Welcome to EseniIia

EseniIia provides a flexible framework for building modern web applications. This documentation helps you:

Understand core architecture and design principles
Use components effectively for UI development
Integrate with backend services and external APIs
Debug and optimize application performance

Getting Started

Installation

npm install eseni@latest

Create a new project using our cli:

npx eseni new my-project

Basic Architecture

/components
  ├── Header.vue
  └── Footer.vue
/containers
  └── AppContainer.jsx
/services
  └── api.js
/main.js

Follow the component-based structure for organized development

API Reference

Core Methods

Method	Description	Example
render()	Renders a component to the DOM	`render(App, '#root')`
on()	Registers an event listener	`on('submit', handleForm)`

Core Concepts

Reactive State

Leverage our powerful state management system with automatic dependency tracking.

const count = reactive(0)
count.value++

Component Lifecycle

Understand component creation and teardown hooks for resource management.

onMount(() => {
  console.log('Component mounted')
})

Routing

Use the built-in router for client-side navigation with dynamic route parameters.

navigate('/users', { id: 123 })

Examples

Basic Counter

import { reactive } from 'eseni'

export default({
  data() {
    return {
      count: 0
    }
  },
  methods: {
    increment() {
      this.count++
    }
  }
})

Current count: 0

Conditional Rendering

template`
  <div>
    <h2 on-click="toggle" class="cursor-pointer">Show</h2>
    <? if show *>
      <p>Content</p>
    </ >
  </div>
`

export default {
  data() {
    return { show: false }
  },
  methods: {
    toggle() {
      this.show = !this.show
    }
  }
}

FAQ

How do I debug my app?

Use the built-in dev tools with the debugger() function.

import { debugger } from 'eseni'

export default {
  methods: {
    calculate(a, b) {
      debugger() // Opens interactive console
      return a + b
    }
  }
}

Can I use EseniIia with other frameworks?

Yes, our hybrid mode allows seamless integration with React, Vue, and Angular projects.

Where can I find more examples?

Check out our interactive tutorials or browse the example projects.

Eseniīia

Developer Documentation