Adding TypeScript to an existing SvelteKit application

TypeScript can help prevent a lot of runtime errors by checking types on code before you even deploy and run it. In this episode, I take our existing SvelteKit application and add TypeScript to it. While not converting 100% of the code, TS being in place makes it easy to convert bits and pieces over at a time.
🤯 Support
  • https://www.patreon.com/davidwparker
  • https://www.buymeacoffee.com/davidwparker

⏱️ Timestamps:
  • 00:00 - Introduction
  • 00:28 - Demo
  • 01:25 - getting started
  • 02:14 - tsconfig, svelte config, package.json, eslint, service worker
  • 03:50 - hooks changes
  • 04:20 - sitemap changes
  • 04:40 - .svelte file changes
  • 05:52 - stores.ts changes
  • 06:15 - endpoint changes
  • 10:00 - using typescript in .svelte files

💌 Newsletter:
  • https://www.programmingtil.com/

🪐Elsewhere:
  • Twitter: https://twitter.com/davidwparker
  • Twitter: https://twitter.com/programmingtil
  • GitHub: https://github.com/davidwparker

💭Concepts:
  • Adding TypeScript to a SvelteKit application

📚Resources:
  • https://github.com/davidwparker/programmingtil-svelte/tree/ep26

🎬 Subscribe!
  • http://bit.ly/subdavidwparker

My name is David W Parker and I’m creating and publishing videos on ProgrammingTIL to help teach anyone and everyone who wants to code. I’m a huge fan of Ruby on Rails, Svelte, TailwindCSS, and WebGL. I’ve used React a lot in the past, as well as some Vue and AngularJS. I’ve done some professional Python and Django. I like to create real applications and my tutorials will walk you through how to build something real from beginning-to-end.

svelte #sveltekit

© programmingtil.com