Skip to content

Cookbook

Practical, end-to-end examples that demonstrate Reacton patterns for common application scenarios. Each recipe includes complete, runnable code with line-by-line explanations.

Recipes

RecipeDifficultyConcepts
Counter AppBeginnerreacton(), computed(), context.watch(), context.update(), ReactonScope
Todo AppIntermediateCRUD operations, filtering, computed counts, ReactonConsumer
AuthenticationIntermediatestateMachine(), typed states and events, guard functions, async transitions
Form ValidationIntermediateFormReacton, FieldReacton, validators, async validation, form submission
Search with DebounceIntermediateDebouncer, reactonQuery, computed, AsyncValue pattern matching
Shopping CartIntermediateReactonModule, PersistenceMiddleware, computed chains, store.optimistic
PaginationAdvancedQueryReacton, paginated fetching, infinite scroll, stale-while-revalidate
Offline-FirstAdvancedPersistence, optimistic updates, StorageAdapter, Serializer, sync with server
Multi-Step WizardAdvancedstateMachine, reactonField, store.enableHistory, store.createBranch
Real-Time ChatAdvancedsaga, reactonList, typing indicators, connection management
Analytics DashboardAdvancedselector, lens, reactonQuery with polling, computed aggregations

What's Next

Start with the Counter App to learn the basics, then progress through the recipes in order.

Released under the MIT License.