Build a Dynamic Avatar Component with React & TypeScript Tutorial (14 exercises)

Introduce Tutorial

Advanced TypeScript and complex types are cool and all, but do you really need it to ship TypeScript to production?

No, you don’t.

You need the end-to-end experience of taking from a blank editor to battle-tested production code. And that’s exactly what this is. A hands-on workshop where we build a library from scratch, share it with the world, and consume it in a production application. The full spectrum.

In this tutorial, you’ll learn about the following:

  • Starting a new project without a boilerplate
  • Writing tests and production-ready code
  • Publishing a library to the npm registry
  • Consuming your package in a React application


Hello, and welcome. My name is Joe Previte. I'm excited to welcome you to this React plus TypeScript tutorial. This tutorial is jam‑packed with helpful tips that's going to take you from inspiration and requirements, all the way to test‑driven development and production‑level TypeScripts.

By the end of this, you're going to go to your team and be able to take a fresh project from your editor, all the way to production. Without further ado, enjoy. Happy coding.