This article contains 2 images. You will find them at the very end of the article.

This article contains 659 words.

Summit '22 session spotlight–Refactoring Components - Web Directions

Summit ’22 session spotlight–Refactoring Components

John Allsopp

24th September, 2022

@johnallsopp

Refactoring Components

As much as we all like working on greenfields projects, most of the work we actually do is on existing codebases. And existing codebases have technical debt. Technical debt makes code hard to modify. Being hard to modify slows down to development. So, how do we deal with this? We refactor!

But, refactoring is an inherently risky process. It’s very easy to break things in any complex system, especially if the test coverage is less than ideal. Worse, it’s possible to ruin users’ experience by accidentally fixing bugs that their workflows had come to rely on. To combat this we need to ensure that our refactor doesn’t change the existing behaviour in any way, while also leaving us free to add new functionality.

We’re going to have a look at how to decide when we actually should refactor, and how we can use tests to ensure we maintain the existing behaviour. We’ll have a look at our options for testing JSX, and the pros and cons of snapshot tests. And we’ll finish up with a demo, putting it all together.

Erin Zimmer

Erin is a Google developer expert with over 15 years experience in a variety of languages, from JavaScript to Model204 (no, nobody else has heard of it either). She is currently a senior web developer at CashApp. She is an active member of the Melbourne developer community, and has spoken at conferences around the world. If you see her at a conference, she’ll probably have knitting needles in hand.

Platinum

inc workshop or code leaders

Web Directions Summit

Conference Videos

Code Leaders or Workshop

$1695 super early bird ends Sept 30

$1795 early bird ends Oct 28

$1995 late bird

Register Platinum

Silver

Summit + Conffab

Web Directions Summit

Conference Videos

Conffab Plus Annual

$1495 super early bird ends Sept 30

$1595 early bird ends Oct 28

$1795 late bird

Register Silver

Classic

Summit with Videos

Web Directions Summit

Conference Videos

$1295 super early bird ends Sept 30

$1395 early bird ends Oct 28

$1595 late bird

Register Classic

Great reading, every weekend.

We round up the best writing about the web and send it your way each Friday morning.

delivering year round learning for front end and full stack professionals

Learn more about us

Web Directions South is the must-attend event of the year for anyone serious about web development

Phil Whitehouse General Manager, DT Sydney

Each year we have 6 unique online conferences for front end developers, plus Remixed, a free event that brings together some of the highlights from the previous year.

The conference CSS deserves

Online, globallyApril 2022

Learn More

a conference on front end performance

Online, globallyMay 2022

Learn More

a conference all about JavaScript

Online, globallyJuly 2022

Learn More

a conference on progressive web apps and web platform

Online, globallyearly 2023

Learn More

accessibility engineering for front end developers

Online, globallyearly 2023

Learn More

privacy, security, identity for front end developers

Online, globallyearly 2023

Learn More

The best of 2022, remixed, and free!

Online, globally2023

Learn More