ebosma

Tutorials & Guides

Learn by doing - walkthroughs of core patterns, API concepts, advanced techniques, and ecosystem tools.

🔧 Beginner Tutorials ⚙️ Advanced Patterns

What's Covered

Getting Started

Create your first ebosma project with the CLI

→ Project Setup

Core Concepts

Components, state, & event system fundamentals

→ Build First App

Routing & API

Handle routing and integrate server-side endpoints

→ Page Layouts

Performance Tips

Optimize your app with lazy loading and memoization

→ Code Splitting

Beginner Tutorials

Your First App

Create a complete counter application using state, components, and events.

npm create ebosma@latest
Start Tutorial

Routing Basics

Implement navigation between pages using dynamic routing patterns.

cd your-project\nnpm run dev
Start Tutorial

Advanced Tutorials

Service Workers

Add offline support using the built-in service worker API

Start Tutorial

Headless CMS

Integrate external API's and headless CMS systems

Start Tutorial

Testing with Jest

Write and execute test suites for components

Start Tutorial

Core Concept

State Management

The power of reactive state with automatic updates

import { state } from '@ebosma/core';\n\nconst counter = state(0);\n\nexport default function Counter() {\n return \n <div>\n Count: {counter.value}\n <button onClick={() => counter.value++}>+</button>\n </div>\n;

Found an Error or Want to Add More?

Help make ebosma documentation better for everyone by suggesting corrections or new tutorials.

Contribute to Docs