Previous: Setting up your development environment

All books ▸ Mastering Building Web Assembly Apps using Rails ▸ Example App

Example App

Mastering Building Web Assembly Apps using Rails

Chapter 1: Introduction to WebAssembly and Rails 8

What is WebAssembly, and why does it matter?

Key advantages of WebAssembly in modern web development

How WebAssembly complements Ruby on Rails

Overview of Rails 8 features relevant to WebAssembly

Setting up your development environment

Mortgage Calculator

Chapter 2: Writing Your First WebAssembly Module in Rust

Introduction to Rust for WebAssembly development

Setting up Rust and WebAssembly toolchains

Writing a simple Rust function and compiling it to WASM

Using `wasm-pack` to generate a WebAssembly package

Testing and debugging the compiled WebAssembly module

Chapter 3: Integrating WebAssembly into Rails 8

Serving WebAssembly files via Propshaft

Loading and executing WebAssembly modules in Rails views

Using Importmaps to manage WebAssembly-related JavaScript dependencies

Communicating between WebAssembly and Rails using Turbo Streams

StimulusJS controllers for WebAssembly interactions

Chapter 4: Deep Dive into the Solid Trifecta with WebAssembly

Understanding SolidQueue, SolidCache, and SolidCable

How WebAssembly Benefits from SolidQueue for Background Processing

How SolidCache Improves WebAssembly Performance in Rails Apps

Real-Time WebAssembly Updates with SolidCable and Turbo Streams

Integrating the Solid Trifecta With WebAssembly

Chapter 5: WebAssembly for Performance-Intensive Features

Identifying performance bottlenecks in Rails applications

Using WebAssembly for complex calculations

Handling asynchronous operations with WebAssembly in Turbo-powered UIs

Case study: Real-Time Data Visualization with WebAssembly in a Rails 8 Dashboard

Chapter 6: Deploying WebAssembly-Powered Rails Apps with Kamal

Setting up a Hetzner VPS for deployment

Using Kamal 2 for deploying Rails 8 applications

Configuring Kamal to serve WebAssembly files efficiently

Optimizing WebAssembly performance in production environments

Chapter 7: Building a Progressive Web App (PWA) with WebAssembly and Rails 8

Why WebAssembly enhances Progressive Web Apps (PWAs)

Creating an offline-ready WebAssembly module

Using Service Workers for caching WebAssembly resources

Implementing a WebAssembly-powered feature in a Rails PWA

Chapter 8: Debugging and Optimizing WebAssembly in Rails 8

Debugging WebAssembly modules within a Rails environment

Optimizing WebAssembly performance for real-world applications

Reducing WASM file size and improving load times

Profiling and benchmarking WebAssembly execution

Chapter 9: Future of WebAssembly in Rails Applications

Upcoming WebAssembly features

How WebAssembly fits into the future of Rails

Advanced use cases: AI, gaming, and server-side WebAssembly

Chapter 10: WebAssembly for AI and Machine Learning in Rails

Why AI in WebAssembly?

Running Machine Learning models inside WebAssembly

Case study: Using WebAssembly for fast image recognition in a Rails app

Next: Mortgage Calculator