Skills
.Work. You
Rest

jaspr-fundamentals

Community

Build Jaspr components with confidence

Software Engineering#components#events#server-side rendering#html rendering#jaspr#frontend state#web api interop
Authorrodydavis
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Jaspr fundamentals help you avoid common mistakes when creating components and rendering HTML in a Jaspr app, so your UI code stays correct and consistent.

Core Features & Use Cases

  • Component architecture guidance: Use StatelessComponent, StatefulComponent, and InheritedComponent to structure your UI and state.
  • Correct build() return rules: Ensure build() returns a single Component and avoid legacy iterable patterns.
  • HTML component best practices: Render DOM nodes using Jaspr’s typed HTML components with correct parameter conventions and dot-shorthand fragments/text/empty nodes.
  • Event and browser API usage patterns: Apply the required kIsWeb/universal_web approach for server/static safety and use typed global event streams.
  • Typed HTML reference lookups: Use references/html/<tag>.md for accurate signatures; fall back to .element(tag: '...') when a typed component is missing.

Quick Start

Use the jaspr-fundamentals skill to generate a small Jaspr StatelessComponent that returns a single div with .text(...) content and typed HTML child components, following the children-parameter-last rule.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: jaspr-fundamentals
Download link: https://github.com/rodydavis/signals.dart/archive/main.zip#jaspr-fundamentals

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.