fulcro-frontend

Teach Fulcro component architecture with defn and defsc separation of concerns.

1|Updated Aug 16, 2018
One-click install
npx skills add https://github.com/saskenuba/dotfiles --skill fulcro-frontend
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fulcro-frontend
Source: https://github.com/saskenuba/dotfiles/tree/main/ai/.claude/skills/fulcro-frontend
Command: npx skills add https://github.com/saskenuba/dotfiles --skill fulcro-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

## What problem does it solve? Developers often struggle to structure UI code in Fulcro applications for long-term maintainability. This Skill guides building maintainable Fulcro UIs by clarifying component responsibilities and architecture patterns.

## Core Features & Use Cases

  • Clear separation of concerns between presentation components (defn) and container components (defsc).
  • Guidance on composing components, using Fulcro queries, idents, and mutations.
  • Real-world scenarios including small component libraries and scalable UI architectures.

### Quick Start Install a Clojure toolchain and Fulcro dependencies, scaffold a new project, create a simple presentational component with defn, and a container with defsc that queries a small state, then run the app locally.

Frequently Asked Questions about fulcro-frontend

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure Fulcro UI components for long-term maintainability?

Use defn for small pure presentation components and defsc for container components with queries. This clear separation of concerns clarifies component responsibilities and architecture patterns for scalable frontend applications.

When should I use defn vs defsc in ClojureScript frontend development?

Use defn for small pure presentation components and defsc for container components that require Fulcro queries, idents, and mutations. This distinction ensures clear component architecture and proper state management in real-world apps.

What is the best way to manage state and mutations in Fulcro applications?

Manage Fulcro state by leveraging container components built with defsc that define queries, idents, and mutations. This approach guides scalable UI architectures and handles state management for real-world frontend apps.

Do I need external services to build and test Fulcro UI components?

No external services are required. You can scaffold a project, create presentation and container components, and run the app locally using just a Clojure toolchain and Fulcro dependencies.

How do I compose Fulcro components and use lifecycle hooks in ClojureScript?

Compose Fulcro components by combining small presentation components within container components using defsc. These container components leverage Fulcro queries, idents, mutations, and lifecycle hooks for real-world frontend apps.