building-jaspr-web-apps
Installation
SKILL.md
Jaspr Web Architecture Guide (v0.22.x)
Goal
Jaspr is a Dart web framework (current version: 0.22.x).
Unlike Flutter Web (which draws pixels via Canvas and produces poor SEO), Jaspr compiles Dart to semantic HTML and CSS DOM elements. Use Jaspr for websites, blogs, landing pages, or any project requiring proper SEO.
Instructions
1. Core Concept: Flutter-like Coding Experience
Jaspr mirrors Flutter’s component model. The build method returns a single Component (equivalent to a Flutter Widget).
| Flutter Concept | Jaspr Concept | Notes |
|---|---|---|
Widget |
Component |
Every UI element in Jaspr is a Component |
StatelessWidget |
StatelessComponent |
Pure declarative UI; receives BuildContext context |
StatefulWidget |
StatefulComponent |
Manages lifecycle with setState, initState, createState() |
InheritedWidget |
InheritedComponent |
Propagates state down the component tree |