Building the Right Product and Building It Right: A Glimpse into Extreme Programming, Atomic Design
How do you ensure you're building the right product, and building it right? This talk reveals a holistic framework using Extreme Programming, Atomic Design, and Micro-frontends.
#1about 2 minutes
Defining how to build the right product right
A product is built right when it is user-driven, has a clear vision, and is developed with practices like test-driven development.
#2about 3 minutes
The five core values of extreme programming
Extreme programming is founded on five values: communication, simplicity, feedback, courage, and respect, which foster a healthy and productive team environment.
#3about 2 minutes
Applying pair programming and test-driven development
Key practices of extreme programming include pair programming for collaborative coding and test-driven development (TDD) using the red-green-refactor cycle.
#4about 4 minutes
Discovering user pain points to drive product creation
User interviews revealed that car dealers struggled to track orders, leading to the development of a new car tracker product to solve this specific problem.
#5about 3 minutes
Integrating applications using a micro-frontend architecture
A micro-frontend architecture allows autonomous teams to build and deploy independent applications that are composed into a larger, cohesive user experience.
#6about 2 minutes
Structuring code with the atomic design methodology
Atomic design organizes UI components into a hierarchy of atoms, molecules, organisms, templates, and pages to create a more maintainable and consistent codebase.
#7about 3 minutes
Building atoms and molecules with test-driven development
Simple UI components like buttons (atoms) and icon-text pairs (molecules) can be built reliably by first writing a failing test and then implementing the code to make it pass.
#8about 3 minutes
Navigating the trade-offs of mocking in component tests
When testing complex components, teams must decide whether to mock dependencies for isolation or use real components to better simulate the actual user experience.
#9about 4 minutes
Writing readable tests for a complete user journey
By combining templates and pages, you can write end-to-end tests that clearly describe a user's entire workflow, from viewing a dashboard to navigating to a details page and back.
#10about 1 minute
Combining methodologies for high-quality software delivery
The combination of extreme programming, atomic design, and micro-frontends enables teams to independently deliver high-quality, consistent software at a faster pace.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
05:15 MIN
Applying TDD, CI/CD, DevOps, and SAFe at scale
Agile work at CARIAD – Creating a customer web application for controlling the vehicle
02:00 MIN
Real-world applications of functional programming
A Guide To Functional Programming
02:02 MIN
How atomic design prevents common frontend anti-patterns
Building a large, complex product from the ground up with typescript & Atomic Design:lessons learned
04:43 MIN
Understanding the core principles of atomic design
Typescript, React and Atomic Design - a match made in heaven
04:33 MIN
Organizing UI components using the atomic design methodology
Microfrontends at Scale
08:48 MIN
Audience Q&A on testing strategies
Yes, You Need to Unit Test your JavaScript. Here's How.
02:39 MIN
Implementing microservice and micro-frontend architectures
Crew Management System for Airlines: Plan duties for pilots & flight attendants worldwide
02:29 MIN
Adopting atomic design for structure and clarity
Building a large, complex product from the ground up with typescript & Atomic Design:lessons learned
Micro Components - a different approach to a simpler component-based webThere has been a lot of heated discussion lately in the web community about component based development. One side argued that Web Components are a standard we should follow whereas others complained that they still lag behind in what frameworks offer...
Stop Wasting Time: How to Lead a Stand-Up Meeting & Get ResultsWe all know the feeling: your stand-up meeting starts… and the energy in the room slowly deflates. Eyes glaze over, minds wander. Maybe you can even see their attention drop on smartphones or laptops.Within minutes or even seconds, instead of a quick...
From learning to earning
Jobs that call for the skills explored in this talk.