atomico-app-patterns

What problem does it solve?

Helps developers design and implement multi-component Atomico web applications by providing clear patterns for component composition, parent-child communication, shared state, and project structure so teams avoid ad-hoc architectures and fragile event flows.

Core Features & Use Cases

• Component composition: guidance for organizing components (one component per file) and centralizing or co-locating registration.
• Communication patterns: examples for props, event-driven child-to-parent messaging, cross-tree context providers/consumers, and sibling coordination via shared parent state.
• Project scaffolding & TypeScript setup: recommended folder layout, registration patterns, and a compatible tsconfig for Atomico applications.
• Real-world use case: a complete Todo app demonstrating TodoApp, TodoForm, and TodoTask with useProp state, event dispatching, reflected attributes, and centralized registration.

Quick Start

Create a TodoApp with TodoForm and TodoTask using Atomico: define each component, use event props for child-to-parent updates, manage the tasks array with useProp, and register components at your app entry point.