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 · World Congress 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 · World Congress 2023

4:00 min

Adopting test-driven design as a strategic development methodology

Mirjam Aulbach · World Congress 2022

5:49 min

Building cohesive interfaces utilizing atomic design system principles

Josh Goldberg · World Congress 2021

More from World Congress 2022

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

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

André Kovac

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

The Design and Evolution of C++

Bjarne Stroustrup

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

But, you're not Facebook

Kristijan Ristovski

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

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

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

Get Ready for Jakarta EE 10!

Ivar Grimstad

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

Keep your code refactorable

Gerrit Stapper

Upcoming sessions on this topic

Open session

From Profiler to Production: Measuring What Actually Matters in React & React Native

  • Andrei Tazetdinov

    Dynatrace

    React Native Developer

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

What If AI Helps Us Build the Wrong Product Faster?

  • Sekhar Burra

    Sain Innovation

    CEO

Open session

How We Cut Our API's p99 Latency from Minutes to Under a Second

  • Deepak Agrawal

    Atlassian

    Principal Software Engineer

Open session

Supply Chain Security for the Everyday Engineer

  • Pradumna Saraf

    Kestra Technologies

    Quality Assurance Engineer

Related videos

Building a large, complex product from the ground up with typescript & Atomic Design:lessons learned thumbnail
28:13
World Congress 2022 • over 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 • 3 months ago

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

Ana Gil Amor

Microfrontends at Scale thumbnail
43:20
World Congress 2021 • over 5 years ago

Microfrontends at Scale

Josh Goldberg

Breaking Down Silos Between Design and Development thumbnail
54:22
World Congress 2021 • over 5 years ago

Breaking Down Silos Between Design and Development

Erica Rider, Stan Carrico

An introduction to Extreme Programming thumbnail
26:59
World Congress 2023 • about 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.