Examples
Learn Blaze-ng through complete, working examples.
Beginner
| Example | Description |
|---|---|
| Todo App | Classic todo list with add, complete, delete, and filter |
| Counter | Simple reactive counter with increment/decrement |
Intermediate
| Example | Description |
|---|---|
| Chat App | Real-time chat with rooms, typing indicators, and message history |
| Forms | Form validation, dynamic fields, and multi-step wizards |
| Dashboard | Data dashboard with charts, filters, and real-time updates |
Advanced
| Example | Description |
|---|---|
| Dynamic Components | Plugin system, lazy loading, and runtime template registration |
| SSR | Server-side rendering with hydration |
Running Examples
Each example includes complete, copy-pasteable code. To run them:
With Meteor
bash
meteor create my-app --blaze
cd my-app
# Copy the template and JS code into your app
meteorWithout Meteor (npm)
bash
mkdir my-app && cd my-app
npm init -y
npm install @blaze-ng/core @blaze-ng/htmljs @blaze-ng/spacebars \
@blaze-ng/spacebars-compiler @blaze-ng/templating-runtimeSet up the reactive system, then use the runtime compilation approach shown in each example.