arrow-left

All pages
gitbookPowered by GitBook
1 of 1

Loading...

TypeScript

Learn how TypeScript can help you make less buggy apps.

hashtag
Intro talk

https://fac-slides.netlify.app/slides/typescript/arrow-up-right

hashtag
Learn

Start by reading the short intro.

Then complete as much of Execute Program's TS course as it will allow.

Finally move on to the . This is quite long so just skim "The Basics" and "Everyday Types" at first. It's generally better to look up specific things when you need them rather than trying to front-load all the knowledge.

hashtag
Project

You have two choices (depending on how much time you have):

  1. Create a React app from scratch using TS

  2. Refactor one of your previous React apps using TS

Either way please document anywhere you have to amend your code because TS caught a type error. It will be interesting to hear about how you had to program differently based on TS' feedback.

You may find this helpful.

hashtag
Project tooling

Both and have built in support for TypeScript. Make sure you click through to their respective docs as there are some nuances/differences.

Note: neither require you to run the TS compiler yourself—you'll be using their normal start/dev/build commands.

hashtag
Help each other

You don't have mentors to ask for help, so try to help each other. Use your Discord channels to stay in touch and solve problems.

TS for JS programmersarrow-up-right
TS Handbookarrow-up-right
React + TS cheatsheetarrow-up-right
Create React Apparrow-up-right
Vitearrow-up-right