Preamble
Notice to Reader
Preface
Acknowledgements
About this Book
About the Author
If you get stuck or lose steam
Introductions
Programming
1. What it is
2. Why it's worth it
3. Why it's hard
4. Programmer Thinking
Languages
1. Meaning and Interpretation
Architectures
1. What is architecture
2. How your computer works
3. How the web works
4. The frontend-backend divide
5. General application architecture
6. Trade-offs between WASM and JavaScript
Tools and Languages
1. Web browsers
2. HTML
3. Bash and the terminal
4. Rust
5. Trunk
6. Cargo Leptos
Other Resources
1. Rust
Getting Started with Rust and Leptos
Setup
Architecture
1. Leptos Components - #[component]
2. Signals (reactive values) - create_signal
3. Effects (side effects) - create_effect
Generting UI
Introduction
Setup
1. Trunk
Introspection and Debugging
HTML
The view! macro
Leptos Components
Variables and the view! macro
Component properties
Component dynamic content separation
Loops and the <For /> view! macro tag
Conditional display and the <Show> view! macro tag
Tables and data sets
Reserved Tags
Client Side
Introduction
Setup
1. Trunk
Introspection and Debugging
Responding to Events
1. Witnessing events
2. Reacting to events with event handlers
3. Event handers as props
4. Event Bubbling and Signal Generics
5. Preventing bubbling and default event behaviours
6. Custom Events
7. Custom Event Data
8. Custom Event Module
9. Custom Event Module with Data
10. Custom Event Data with Signals and Effects
11. Custom Event Data with Signals and Effects - Part 2
Sending Data
1. Forms
2. Acton Forms
Sending and Receiving Data
1. Fetch
2. Web Socket
Saving/Persisting Data
Server Side
Introduction
Setup
1. Cargo Leptos
Introspection and Debugging
Responding to Requests
1. Get Method Forms
2. Post Method Forms
3. Accessing Request Data
4. Responding Parts
5. 1. Headers
  2. Cookies
  3. Body
6. HTML Requests - Routes
7. Data Requests - Server Functions
8. Behaviour Request - Server Actions
Client Server Communication
1. Server Functions
2. <Transition>
3. <ActionForm>
4. Web Sockets
Saving/Persisting Data
Architecture
Scope and Runtime
Passing data around
Deployment
Render.com
Fly.io
Cloudflare Workers
Desktop Applications
Tauri
TUI
Tutorial Projects
Blog
RPG Initiative Tracker
Chat
Quick Reference
Structuring Applications
Documenting Applications
Testing Applications
Recipes
Appendix
Common Application Behaviours
1. Form Validation
Common Design Patterns
1. Event Sourcing
Common Problems and Concerns
1. Quality
2. 1. UI Response Time
  2. Bundle Size
  3. Partial Hydration
3. Consistency
4. 1. Offline Support and Data Sync
  2. Observability and Logging

Initiative Tracker

A tutorial project in which we build an initiative and game tracker for a role playing game like Dungeons and Dragons.

Building Apps with Rust

Initiative Tracker