TypeScript Lab

Lets put our new TypeScript skillz to the test with some exercises!

Instructions:

Fork and clone this repo. Once you have it locally on your computer cd into typescript-challenges and open the folder up in vscode
if you don't have typesrcript globally installed you can use npm install -g typescript to install it globally
run the command tsc --init to create a tsconfig.json
there are a series of challenges in lab.ts
you can auto-compile lab.ts everytime you save with the watch command tsc -w lab.ts
you can see the output of your code in real time by watching the compiled JS file with the command node lab.js

Podcast episode from Syntax.FM doing high-level chat on why/where/how of Typescript
YouTube Tutorial/overall walkthrough of Typescript that acts as a long-form codelong/lecture
first minute of this video is a great explainer on the WHY of Typescript

Handy table of TypeScript (and ats related) commands to keep in your back pocket:

command	thing it does
`npm install -g typescript`	installs TypeScript globall with npm
`tsc -v`	check your version of typescript
`tsc <fileName.ts>`	compiles `fileName.ts` to `fileName.js`
`tsc -w <fileName.ts>`	auto compiles `fileName.ts` to `fileName.js` on save (like nodemon)
`tsc --init`	creates a `tsconfig.json`
`tsc -p tsconfig.json`	compiles as a project using the config json, can be combined with the -w flag
`npm --save-dev @types/<package name>`	save type declaration files for node packages: example `npm i --save-dev @types/express @types/dotenv @types/node`
`create-react-app --template typescript <react-app-folder-name>`	creates a new react app in a folder called `<react-app-folder-name>` with typescript as the base of the project