Beginner's Tutorial
Welcome to the Applesauce tutorial! This step-by-step guide will teach you how to build reactive Nostr applications using the applesauce library ecosystem.
What You'll Learn
By the end of this tutorial, you'll understand how to:
- Set up an in-memory reactive database for Nostr events
- Parse and display user profiles and content
- Create reactive UI components that respond to data changes
- Connect to Nostr relays and subscribe to events
- Create and publish new Nostr events
Tutorial Structure
This tutorial is broken down into digestible sections:
- Introduction to EventStore - Learn about the reactive database at the heart of applesauce
- Working with Helpers - Parse profiles and extract data from events
- Building Reactive UI with Models - Create React components that respond to data changes
- Connecting to Relays - Subscribe to Nostr relays and receive events
- Loading Specific Events with Loaders - Load specific events from relays
- Creating Events with EventFactory - Set up event creation and signing
- Publishing Events - Publish events to relays and handle responses
- Using Actions - Run complex actions like following users
Prerequisites
- Basic knowledge of JavaScript/TypeScript
- Familiarity with React hooks (
useState
,useEffect
) - Understanding of RxJS observables (helpful but not required)
- A Nostr extension wallet (like Alby or nos2x)
Getting Started
Let's begin with Introduction to EventStore to learn about the foundation of applesauce applications.