← Home

Learning path

New to Mates? Follow this sequence — each step links to documentation written for developers shipping their first app.

  1. 1

    Quick Start

    Install mates, render a counter, understand outer vs inner functions.

  2. 2

    Framework Overview

    Learn the MATES acronym and why surgical template updates beat a virtual DOM.

  3. 3

    Components & State

    Props, x(), atoms, derived state, and scopes.

  4. 4

    Actions & Data

    asyncAction, RPC with mates-fullstack, loading and error UI.

  5. 5

    Routing & Hooks

    useUtils(), Router, navigateTo, paramsAtom, onNavigationRequest, and DOM hooks.

  6. 6

    Patterns & Pitfalls

    Do's and don'ts before you ship.