A really talented coworker of mine tried to convince me to use CoffeeScript some time ago, but with no success,
even showing me the amazing work he was doing with it. See his GitHub profile.
Another excuse that I usually hear (from myself as well) is: “I don’t like the magic code generated by this tool. I don’t want to lose control of my code”. Now I know that it doesn’t make sense. Typescript is more about “compilation time” checks and the code generated is almost the same you would write in pure js (At least the way I do it).
For almost an year I abandoned the idea of using anything but vanilla JS.
After watching a video about TypeScript I decided to give a chance to another transpiler, now with much more buzz around the tech scene.
The steps I took to migrate were:
###1. Rename my *.js files to *.ts.
Only this was responsible find some typos in a development code, as you can see below
You might not have noticed, but typescript found a bug here with the following message:
>> filters/labelTranslator.ts(61,19): error TS2304: Cannot find name 'myvariable'.
###2. Adapt Gruntfile.js to include the transpilation step.
This is crucial if you want to be or if you are professional! Yes, I know that some professional don’t use automation tools like grunt or gulp. Trust me… using typescript combined with a proper workflow, will ensure much higher quality of your releases.
First I installed grunt-typescript with the command line
npm install grunt-typescript --save-dev
Then I configured the step like this:
This configuration will create the js files in the same folder where the ts files are.
And finally I configured the tasks including the
'typescript' step where suitable.
###3. Start using types
Here is where typescript really shines.
Consider the following code:
What if I set
true? Yeah it should not allow it. That’s why I can do typescript like this:
See what happens now:
just with this simple type declaration, typescript prevent me to brake my own code.
However, a lot of senior developers and managers complain that it is not reliable when dealing with huge systems, many developers, frequent commit and so on. Using TypeScriot we can ensure the same minimal check as compiled language such as Java and C++. In fact it is possible to set the typescript transpiler to deny automatic any type and force type definition everywehre.