• Introduction
• Our First Controller
• Registering
• Rendering
• Arguments
• Events
• Binding Elements
• Observed Attributes
• Lifecycle
• The Shadow DOM

---

• Core Controllers
  • Dynamic Frame

---

• Why Binder?
• Recipes
• Reference

Lifecycle

// TODO: Explain the lifecycle of init, render, connectedCallback, disconnectedCallback, etc...

 ┌─────────────────┐          ┌──────────────────────┐           ┌────────┐              ┌──────────┐
 │                 │          │                      │           │        │              │          │
 │  constructor()  ├──────────►  connectedCallback() ├───────────► bind() ├──────────────►  init()  │
 │                 │          │                      │           │        │              │          │
 └─────────────────┘          └──────────────────────┘           └────┬───┘              └──────────┘
                                                                      │
                                                                      │
                                                                      │
                                                                 ┌────▼──────────────┐
                                                                 │ bindArgs()        │
                                                                 │                   │
                                                                 │ bindEvents()      │
                                                                 │                   │
                                                                 │ bindDataValues()  │
                                                                 └───────────────────┘

Next: The Shadow DOM