Hands-on Workshops
Interactive sessions where participants learn by building. Available for conferences, corporate training, and bootcamps.
Why Workshops?
Deep learning through hands-on practice
Hands-On Learning
Build real projects during the session with guided exercises and practical examples.
Small Groups
Interactive format allows for personalized attention and Q&A throughout.
Take-Home Materials
Comprehensive materials and code samples to continue learning after.
Available Workshops
Interactive sessions designed for hands-on learning
Payments and Monetization at Scale for Frontend Engineers
Payments are often introduced as a simple Stripe integration. In practice, even small products quickly run into complexity around pricing, subscriptions, failures, and global users. Frontend engineers are usually closest to checkout and monetization, yet rarely get a clear foundation for how payments actually work. This workshop is a practical introduction to payments and monetization from a frontend and full-stack perspective. Using React and Next.js, we’ll start with the core payment concepts every engineer should understand, then gradually build toward real-world scenarios. You’ll learn how a payment flows from user intent to settlement, how common payment methods differ, and how to structure checkout and subscription flows safely in modern web apps. We’ll use Stripe as a concrete example, but focus on patterns rather than vendor-specific APIs. Along the way, we’ll introduce merchant of record concepts, pricing and subscription basics, and what changes when you sell internationally. You’ll also see how to handle loading and error states, asynchronous confirmations, and post-deployment safety in a way that keeps both users and revenue protected. By the end of the workshop, you’ll have a clear mental model of payments, understand how monetization fits into your frontend architecture, and feel confident building and evolving checkout flows without treating payments as a black box.
Pro-From Zero to Production with TanStack Query
This workshop gives you a practical introduction to TanStack Query in modern React and Next.js apps. In three hours, you’ll learn how to replace manual data fetching with a structured, cache-aware approach using TanStack Query. We’ll cover the fundamentals: setting it up, fetching and mutating data, caching, query invalidation, and how to handle loading and error states. You’ll also see how TanStack Query helps with validation, simplifies state management, and moves your app closer to production readiness. No prior experience with TanStack Query is needed, but you should know React and be comfortable writing async code. You’ll leave with a clear understanding of how and when to use TanStack Query in real projects.
Real-World React: Designing Frontend Architectures That Survive Production
Most React workshops focus on building features. This one focuses on keeping them alive. In production, React applications fail in ways that local environments never show: partial outages, slow dependencies, silent errors, broken rollouts, and performance regressions that only appear under real traffic. This workshop is a practical, architecture-first walkthrough of how experienced teams design React systems that stay resilient, observable, and scalable long after the first release. We will explore how component architecture, reconciliation in practice, and runtime failure patterns shape performance and operability far more than memoization tricks or framework features. Using React and Next.js as shared reference points, we will work through concrete patterns for failure recovery, error containment, safe rollouts, and post-deployment confidence. This is a hands-on, experience-driven workshop based on real production constraints, tradeoffs, and lessons learned from operating large React applications at scale. Attendees will leave with a mental model for building frontend systems that can fail safely, recover quickly, and ship continuously without fear. Most of the workshop is framework and library-agnostic, but we'll use React and Next.js as our common ground for communication and examples. This is not an exhaustive masterclass; it's a conversation starter and experience share to jumpstart your journey toward battle-tested software architecture.
Workshop Topics
Areas I specialize in for hands-on training
Next.js
Production ready Next.js
Career Growth
Soft skills and professional development
Real World Apps
Production-ready applications
Observability
Monitoring, logging, and tracing
Resilient Patterns
Building fault-tolerant software
Leadership
Engineering leadership skills
SDLC Best Practices
Modern development lifecycle
React Query
Advanced data fetching patterns
Need a custom workshop?
I can create tailored workshops for your team or event. Let's discuss your specific learning objectives.