Test Driven Development is a technique that helps to build React apps with quality. It enables engineers to understand “what” to build before programming the actual implementation. Understanding the expected software behavior is key to delivering new features faster and without bugs. 

In this session, we’re going to explore:

- How TDD impacts software design
- Helps to build a safety net that provides confidence
- And ship React app to production with a zero-bugs policy ✌️

Let’s meet and learn software craftsmanship together.


ABOUT NIK

Nik Sumeiko is a Software Engineer and Architect with over 18 years of professional experience. He works on payment systems at George, the digital banking of Erste Group. 

Beyond programming, Nik trains web developers in-house, at enterprise companies all over the world, and online on LinkedIn.

- LinkedIn: https://www.linkedin.com/in/niksumeiko
- Workshop: https://www.withnik.com/tdd
- Github: https://github.com/niksumeiko


TIMESTAMPS

0:00 Intro
2:18 Agenda
2:49 Product development problems
5:41 The project: Overview
7:50 Initial codebase structure
9:42 The project: Acceptance criteria
11:39 What test should we use?
13:16 Describe user journey in the form of a test
20:19 What is business logic?
21:14 Code demo
30:06 TDD (Red, Green, Refactor)
31:01 Code demo
45:20 TDD (Outside-in TDD / ATDD)
46:32 Code demo
58:23 Testing Pyramid Scheme
1:00:36 TDD (Outside-in TDD)
1:01:38 Code demo
1:03:38 Functional Layers
1:04:41 Zero-bugs policy
1:06:57 TDD benefits
1:08:36 Recap
1:09:31 Approaches to building software
1:09:42 About me
1:11:42 Q&A. Discussion

#reactjs #tdd #cleancode #testing #techexcellence

Anja Petry

HTML

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Shipping React app with zero-bugs policy using TDD (Nik Sumeiko)

Video by Tech Excellence (<a href="http://techexcellence.io" target="_blank" rel="noopener nofollow">techexcellence.io</a>):
Test Driven Development is a technique that helps to build React apps with quality. It enables engineers to understand “what” to build before programming the actual implementation. Understanding the expected software behavior is key to delivering new features faster and without bugs.
This session featuring speaker Nik Sumeiko is about:
<ul>
<li>
How TDD impacts software design
</li>
<li>
Helps to build a safety net that provides confidence
</li>
<li>
And ship React app to production with a zero-bugs policy
</li>
</ul>