# Workshops · Faris Aziz

> Hands-on workshops. You keep the repo. 3 workshops to choose from. Each edition has its own agenda, so the length you see matches the schedule on the day. Attendees keep the material afterwards. Book one: https://faziz-dev.com/invite?kind=workshop

## Real-World React: Designing Frontend Architectures That Survive Production

- Pillar: Engineering in production
- Editions: 3-8 hours
- You leave able to: A practical framework for reasoning about frontend architecture under real production constraints; Hands-on experience implementing circuit breakers and designing useful fallbacks; An understanding of retry policies, exponential backoff, jitter and retry amplification; Techniques for handling slow dependencies with deadlines, timeouts and cancellation; Patterns for isolating failures with React error boundaries and graceful degradation; A way to classify critical and optional data dependencies so partial failures do not unnecessarily break entire experiences; Practical approaches to caching, revalidation, Suspense, dynamic imports and ISR as resilience tools; Experience testing resilience by deliberately introducing latency, failures and degraded dependencies; A model for safer releases using feature flags, observability, staged recovery and rollback decisions; An understanding of how DORA metrics connect delivery velocity with production stability and recovery
- Prerequisites: Solid understanding of React fundamentals, including components, hooks and state; Familiarity with Next.js or another React framework is useful, but not required; Comfortable with modern JavaScript or TypeScript development; Laptop with Node.js 20 or newer installed; pnpm 10.12.4, as pinned by the workshop repository; Familiarity with Git and basic command-line workflows
- Delivered: 7 times
- Talk version: Building Resilient UIs with React (https://faziz-dev.com/talks/building-resilient-uis-with-react)
- Agenda and details: https://faziz-dev.com/workshops/real-world-react-the-architectural-crash-course-for-scalability-resilience-and-observability.md
- Book: https://faziz-dev.com/invite?kind=workshop&workshop=Real-World%20React%3A%20Designing%20Frontend%20Architectures%20That%20Survive%20Production

Design React and Next.js systems that handle dependency failures, degrade gracefully, recover safely, and remain operable in production.

## Mastering Production-Grade Patterns with TanStack

- Pillar: Engineering in production
- Editions: 3-8 hours
- You leave able to: Replace ad-hoc data fetching with a structured, cache-aware model; Understand how TanStack Query manages server state and why it scales better than local state; Design stable query keys and maintainable data layers; Handle loading, error, and edge cases without UI complexity; Apply resilience patterns directly in your data-fetching layer; Instrument your app for observability and post-deployment safety; Know when TanStack Query is the right tool, and when it is not; Avoiding over-fetching, wasted renders, and unnecessary backend load
- Prerequisites: Solid understanding of React fundamentals; Comfortable with hooks and component composition; Basic knowledge of async JavaScript and promises; Familiarity with fetching data from APIs
- Delivered: 2 times
- Talk version: Solving Real World Data Fetching Challenges with Next.js and TanStack Query: A Pragmatic Case Study (https://faziz-dev.com/talks/solving-real-world-data-fetching-challenges-with-nextjs-and-tanstack-query-a-pragmatic-case-study)
- Agenda and details: https://faziz-dev.com/workshops/pro-from-zero-to-production-with-tanstack-query.md
- Book: https://faziz-dev.com/invite?kind=workshop&workshop=Mastering%20Production-Grade%20Patterns%20with%20TanStack

Build maintainable data-fetching layers with TanStack Query, from query keys and caching to resilience and observability.

## Payments and Monetization at Scale for Frontend Engineers

- Pillar: Payments & scale
- Editions: 3-8 hours
- You leave able to: Explain how payments work; Design safe, resilient checkout flows in React and Next.js; Choose between MoR, PSPs, and hybrid setups; Reason about global payment constraints and UX tradeoffs; Structure pricing and subscription logic for long-term change; Ship monetization features with observability and rollback paths; Speak confidently with finance, product, and backend teams
- Prerequisites: Strong React fundamentals; Basic Next.js experience; Comfort with async JavaScript; No prior payments experience required, but this is not beginner-level
- Delivered: 1 time
- Talk version: Orchestrating Millions Across the Globe: Reactive Payments at Scale (https://faziz-dev.com/talks/orchestrating-millions-across-the-globe-reactive-payments-at-scale)
- Agenda and details: https://faziz-dev.com/workshops/payments-and-monetization-at-scale-for-frontend-engineers.md
- Book: https://faziz-dev.com/invite?kind=workshop&workshop=Payments%20and%20Monetization%20at%20Scale%20for%20Frontend%20Engineers

Design checkout and subscription flows that handle payment providers, global markets, and production failures.

---

Faris Aziz: software engineer, speaker, ZurichJS co-founder. Geneva, Switzerland.
Site: https://faziz-dev.com · Invite to speak: https://faziz-dev.com/invite · Services: https://faziz-dev.com/services · Mentorship: https://faziz-dev.com/mentorship · Index for agents: https://faziz-dev.com/llms.txt
LinkedIn: https://www.linkedin.com/in/farisaziz12/ · GitHub: https://github.com/farisaziz12 · Bluesky: https://bsky.app/profile/farisaziz.com