# Tutorials

For application developers integrating fxnode for the first time. Follow these in order: each tutorial builds on the previous one's host and composition vocabulary. You will finish able to bootstrap a visible editor, install a custom widget, and safely replace a live definition with optimistic concurrency.

1. [Your first node](./first-node) — size and host a canvas, install definitions, render, and tear down.
2. [Color Balance](./color-balance) — add dependency-ordered socket types and a custom widget.
3. [Live composition](./live-composition) — migrate a visible instance using composition receipts.

Each page marks excerpts, establishes ordered checkpoints, explains why each concern exists, and links to a complete executable source.