Test Driven Development with React Masterclass

Design React features through tests and master the Outside-in TDD approach to refactor with confidence

Test Driven Development is widely discussed, but in practice it is often reduced to writing isolated unit tests that add limited value to real applications. This is especially true in React, where testing can quickly become brittle, overly coupled to implementation, and difficult to maintain.

This masterclass focuses on a more effective approach. You will learn how to apply Outside in TDD using the double loop model, where high level acceptance tests guide development and lower level unit tests support implementation. The emphasis is on using tests as a tool for design, not just verification.

Through a structured, live coding session, you will see how this approach helps reduce regression risk, improve architectural clarity, and make refactoring a predictable and safe activity. The session is grounded in practical examples and is designed to reflect how TDD can be applied in real development environments.

Who Should Attend?

This masterclass is ideal for:

• React developers who want to level up their testing discipline
• Engineers struggling with brittle or hard-to-maintain test suites
• Teams transitioning from ad-hoc testing to structured TDD
• Technical leads who want safer refactoring practices
• Developers interested in architecture and clean design principles

Familiarity with React and basic testing tools is recommended.

What You Will Learn?

This is a hands on workshop focused on practical application. You will:

• Apply Outside in TDD using the double loop model
• Use Red Green Refactor effectively in a front end context
• Distinguish clearly between acceptance and unit tests
• Structure React applications to separate business logic from framework concerns

You will also explore:

• A working example based on a payee verification flow
• Practical approaches to introducing TDD within teams
• Common challenges and how to address resistance
• How TDD fits into real workflows, including CI and collaborative practices#
  

What Will I Be Able to Do After This Workshop?

By the end of this session, you’ll be able to:

• Full workshop recording for later reference
• Certificate of completion to validate your learning
• Apply Outside in TDD confidently in React applications
• Use acceptance tests to guide feature development
• Write focused unit tests that support business logic
• Separate business logic from framework dependencies
• Refactor safely with a strong testing foundation
• Introduce TDD practices into existing teams and codebases
• Design React systems with clearer boundaries and better maintainability

You’ll move from “testing React components” to designing software through tests.

Meet Your Instructor

Nik Sumeiko

Software Engineer, Architect at Erste Digital

Nik has over 15 years of experience building scalable web applications. His work focuses on combining strong engineering fundamentals with systems level thinking to create robust and maintainable software.

He specialises in JavaScript, TypeScript, React, and Node.js, and brings a practical perspective shaped by real world delivery environments.