WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2022 • Jun 15, 2022

Building the Right Product and Building It Right: A Glimpse into Extreme Programming, Atomic Design

Rita Castro

How do you prevent fragile codebases when scaling frontends? Discover how harmonizing Extreme Programming and Atomic Design empowers autonomous teams to deploy resilient React micro-frontends.

Pause
Mute Enter Fullscreen
#1 about 2 min

Defining the right product and building it right

Essential traits of a successful product and the architectural methodologies needed to scale it.

#2 about 1 min

Organizing cross-functional and balanced product teams

How designers, product managers, and developers collaborate to translate user needs into feasible software.

#3 about 3 min

Applying the five core values of extreme programming

Structuring agile workflows around communication, simplicity, feedback, courage, and team respect.

#4 about 2 min

Implementing pair programming and test-driven development workflows

Executing extreme programming practices through shared workstations and the red-green-refactor loop.

#5 about 4 min

Identifying workflow bottlenecks through targeted user research

Using direct customer interviews to discover process inefficiencies and outline crucial software requirements.

#6 about 4 min

Integrating independent web applications using micro frontends

Merging decentralized frontend projects built by autonomous teams into a single overarching interface.

#7 about 3 min

Transitioning user interfaces toward atomic design architecture

Restructuring messy feature-driven codebases into manageable blocks of increasing UI complexity.

#8 about 2 min

Writing test cases for basic atomic web components

Asserting rendering expectations directly against base HTML elements to strictly enforce design requirements.

#9 about 2 min

Assembling and testing composite molecule and organism structures

Combining multiple basic atoms into grouped interfaces that convey direct functionality to users.

#10 about 4 min

Evaluating mocking strategies and user-centric integration testing

Writing robust software tests that mimic actual human interactions instead of inspecting underlying code structures.

#11 about 4 min

Validating complete user journeys using structured page templates

Instantiating templates to verify holistic screen accessibility and end-to-end navigational workflows.

Matching moments

2:40 min

Breaking down complexity with atomic design components

Nathalia Rus · WWC 2022

2:26 min

Cross-functional roles and collaboration in a balanced team

Martyna Zurek · LIVE

3:34 min

Applying design thinking and lean software development principles

Tom George · LIVE

2:58 min

Connecting principles and practices in extreme programming

Jose Reales · WWC 2023

4:00 min

Adopting test-driven design as a strategic development methodology

Mirjam Aulbach · WWC 2022

5:49 min

Building cohesive interfaces utilizing atomic design system principles

Josh Goldberg · WWC 2021

More from World Congress 2022

What the heck do "declarative" and "reactive" actually mean? thumbnail
30:40
almost 4 years ago

What the heck do "declarative" and "reactive" actually mean?

André Kovac

The Design and Evolution of C++ thumbnail
1:01:15
about 4 years ago

The Design and Evolution of C++

Bjarne Stroustrup

But, you're not Facebook thumbnail
31:12
about 4 years ago

But, you're not Facebook

Kristijan Ristovski

Communicate efficiently with Software Architecture Diagrams thumbnail
28:11
about 4 years ago

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

Get Ready for Jakarta EE 10! thumbnail
42:53
about 4 years ago

Get Ready for Jakarta EE 10!

Ivar Grimstad

Keep your code refactorable thumbnail
26:46
about 4 years ago

Keep your code refactorable

Gerrit Stapper

Upcoming sessions on this topic

Open session

World Congress 2026 North America

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Paweł Matynia, Bartosz Leczycki

Paweł Matynia
Bartosz Leczycki
Open session

World Congress 2026 North America

Testing React Backends Like a Pro: Mocking Databases with SQLite

David Morris

Solution Architect

David Morris
Open session

World Congress 2026 North America

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer
Open session

World Congress 2026 North America

Reinventing Testing Practices in the AI Era

Eric Deandrea

Java Champion & Senior Principal Software Engineer, IBM

Eric Deandrea
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

From Idea to Production with AI: Agentic Development in Practice

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky

Related videos

Building a large, complex product from the ground up with typescript & Atomic Design:lessons learned thumbnail
28:13
WWC 2022 • about 4 years ago

Building a large, complex product from the ground up with typescript & Atomic Design:lessons learned

Nathalia Rus

Typescript, React and Atomic Design - a match made in heaven thumbnail
40:05
LIVE • over 5 years ago

Typescript, React and Atomic Design - a match made in heaven

Nathalia Rus

The Pragmatic Architect: Balancing Necessity vs. Sufficiency in React Systems thumbnail
20:49
Europe 2026 Virtual • about 1 month ago

The Pragmatic Architect: Balancing Necessity vs. Sufficiency in React Systems

Ana Gil Amor

Microfrontends at Scale thumbnail
43:20
WWC 2021 • about 5 years ago

Microfrontends at Scale

Josh Goldberg

Breaking Down Silos Between Design and Development thumbnail
54:22
WWC 2021 • about 5 years ago

Breaking Down Silos Between Design and Development

Erica Rider, Stan Carrico

An introduction to Extreme Programming thumbnail
26:59
WWC 2023 • almost 3 years ago

An introduction to Extreme Programming

Jose Reales

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.