typescript-project-from-scratch

🔧 Building a TypeScript Project from Scratch

Thanks for joining my workshop! I have an exciting plan for us. This workshop is jam-packed with real-world TypeScript lessons.

Things we'll be doing:

• setting up a TypeScript project from scratch
• using test-driven-development to build a library
• publish our library on npm
• consume on library in a React app

Buckle up - you're in for a ride!

Workshop Outline

1. Setting up the project
   1. Getting to know your tools
   2. README-driven-development
   3. Setting up testing infra
2. Building a library
   1. Scoping project requirements
   2. Designing a public API
   3. Using Test-Driven-Development (TDD)
3. Distributing your code
   1. How to prep your code for a public release
   2. Publishing your code as an npm package
4. Using your code in the real-world
   1. Using in production app
   2. Recording a demo for your README

Workshop Schedule

If you're taking the workshop in person, here's what the schedule will look like:

Time	Block Type	Length	Topic
10:00-10:15am	Break	15mins	Arrive and mingle
10:15-11:15am	Content	60mins	Lessons 1-4
11:15-12:15pm	Break	60mins	Lunch
12:15pm-1:15pm	Content	60mins	Lessons 5-8
1:15-1:30pm	Break	15mins	Coffee/Snacks
1:30-2:45pm	Content	75mins	Lessons 9-11
2:45pm-3:00pm	Break	15mins	Coffee/Snacks
3:00pm-4:15pm	Content	75mins	Lessons 12-15
4:15pm-4:30pm	Break	15min	Coffee and snacks
4:30pm-5:00pm	Content	30mins	Lessons 16-17

👋🏼 Hey, I'm Joe!

I'll be your instructor for this TypeScript workshop. It's nice to meet you.

I’m an Open Source TypeScript Engineer with a passion for teaching and learning. I help developers learn faster through interactive courses, and in my free time, I get people excited about webdev and indie hacking.

Say hi on Twitter: @jsjoeio.

🥅 Goal

By the end of this workshop, you'll have a TypeScript library published on npm like this one.

📜 Assumptions

This workshop assumes the following:

• You are comfortable building applications with JavaScript
• You already believe TypeScript will bring you some value

📋 Dev Environment Requirements

You should have the following installed in your development environment:

• git >= 2.34.1
• Node >= 12.18.4