DEV Community

Cover image for Get start with Typescript and Parcel

Get start with Typescript and Parcel

Dany Paredes on April 20, 2020

Typescript is a technology that grows every day. Companies like Slack, Airbnb, or Google are changing their javascript codebase to Typescript. Fra...
Collapse
 
bfef profile image
Efrem Rensi •

From my understanding, Parcel just strips typescript annotations and does not actually do any type checking, which kinda defeats the purpose of typescript.
v2.parceljs.org/languages/typescript

Collapse
 
danywalls profile image
Dany Paredes •

True

Collapse
 
bfef profile image
Efrem Rensi •

Hey I just want to follow up. I have been using Parcel for a TypeScript application for a few weeks now and I found your article while trying to figure it out. Like I mentioned before, Parcel does not actually compile the .ts files. It just strips the annotations and bundles the regular JavaScript. But I have found that most of the functionality of TypeScript happens in the IDE. I use Sublime Text and there is an excellent TypeScript linter for it, so all the type-checking is done there while I code and that works great. It turns out I never actually use the tsc compiler anyway.

Thread Thread
 
danywalls profile image
Dany Paredes •

Yes, mostly of typescript features are only in development and runs in the IDE.

I highly recommend give a try to VSCode but Sublime works fine.

Collapse
 
wcdeich4 profile image
William Deich •

Is there a downloadable example?

Collapse
 
danywalls profile image
Dany Paredes • • Edited

Hi @wcdeich4 , thanks for you feedback , I already update the github repo and a small change in the script import :D github.com/danywalls/parcel-typesc...

Collapse
 
dojovader profile image
Okeowo Aderemi •

Thanks alot, I have a mini gaming engine i needed to write for Canvas and I used parcel, this really helped out alot

Collapse
 
danywalls profile image
Dany Paredes •

Good! Parcel is amazing!!!

Collapse
 
dandv profile image
Dan Dascalescu • • Edited

If you have an event handler in the HTML, how do you point it to a function defined in the App.ts?
Simply calling it results in a Reference error that the function is not defined.

Collapse
 
faridulhassan profile image
Md. Faridul Hassan •

You helped me very much :)

Many thanks.

Collapse
 
bezael profile image
Bezael Pérez •

Well done!