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/ep27

? 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