# How to upgrade hundreds of React components without breaking production

DevFeed: [How to upgrade hundreds of React components without breaking production](<https://devfeed.tech/articles/how-to-upgrade-hundreds-of-react-components-without-breaking-production-27417.md>)

Original publisher: [Read original article](<http://engineering.khanacademy.org/posts/upgrade-buttons-links.htm>)

Author: Khan Academy

Published: 2019-09-23T22:00:00Z

Content type: tutorial

Language: en

Sources: [Khan Academy](<https://devfeed.tech/sources/khan-academy.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [Design system](<https://devfeed.tech/topics/design-system.md>), [upgrade](<https://devfeed.tech/topics/upgrade.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [consistency](<https://devfeed.tech/topics/consistency.md>), [test](<https://devfeed.tech/topics/test.md>), [Deployment](<https://devfeed.tech/topics/deployment.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [components](<https://devfeed.tech/tags/components.md>), [consistency](<https://devfeed.tech/tags/consistency.md>), [deployment](<https://devfeed.tech/tags/deployment.md>), [design-system](<https://devfeed.tech/tags/design-system.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [news](<https://devfeed.tech/tags/news.md>), [production](<https://devfeed.tech/tags/production.md>), [react](<https://devfeed.tech/tags/react.md>), [test](<https://devfeed.tech/tags/test.md>), [upgrade](<https://devfeed.tech/tags/upgrade.md>), [web-frontend](<https://devfeed.tech/tags/web-frontend.md>)

## AI overview

This article explains how Khan Academy upgraded hundreds of React buttons and links to components from its Wonder Blocks design system. It describes using a prop-conversion guide, organizing small team-owned changes, deploying often, and validating the migration with detailed test plans and responsive screenshots.

## Source excerpt

By Jangmi Jo Background In 2018, we started renewing our color system using our new shared design system, ... Read more