Always bet on

Java TypeScript

Heitor Ramon

HTML "Developer"

*.IE6{_content:"Hacker";}

Table time survivor 

Ex Advertising Worker

UX

Frontend Developer

On the Hype Train

 

Agenda

An era without any rules or types

Developing JavaScript without the use of an IDE or a code editor with a full object inspector was a tedious and lengthy process that took hours.

 

JavaScript, as we know, was at its birth with backbone, angular, and knockout starting, and people started to look at jQuery as a simple framework.

 

But the main problem still remains, developers were losing hours in debugging because of simple mistakes with missing properties and wrong variable types.

Why
Types are
Fundamental

But why TypeScript

The battle between the two main typed systems is intense, but in the end, TypeScript helps the crown of the champion.

// @flow
function square(n: number): number {
  return n * n;
}

square(2);

Flow a basic comment on the first line of a .js file can be straightforward in the beginning.

type GetReturnValue<T> =
  T extends (...args: any[]) => 
  	infer R ? R : T;
    
    
type getIDReturn = 
	GetReturnValue<typeof getID>

TypeScript is a new superset, with a new file type and a unique code structure and interfaces.

Are people really changing?

Are people really changing?

Angular 2+ was the Kickstarter of TypeScript in the frontend community.

 

Some of the big frontend frameworks now are written entirely in TypeScript or being converted to TypeScript.

 

Vue, for example, was written in Flow, and now for the V3 release will be 100% TypeScript.

 

Ember is now slowly transformed into TypeScript.

Pros and Cons of using it

Do I need to say anything more?

Pros

  • Maintainability
  • Refactor
  • Easy reading and understanding
  • @types and .d.ts

Cons

  • It's not truly typed
  • Adds a new layer of complexibility on JavaScript

How I can start?

How I can start?

To understand more about the Language itself, you can go to the official documentation and an unofficial book that could help you.


Some great projects helps you to start a new TypeScript component or library

TypeScritp to *

TypeScritp to *

The most significant advantage of TypeScript is that it can be used for many applications, but some really blows my mind.

 

AssemblyScript (TypeScript to WebAssembly)

https://github.com/AssemblyScript/assemblyscript

TypeScriptToLua (TypeScript traspiler to LUA)

https://github.com/TypeScriptToLua/TypeScriptToLua

Deno

https://github.com/denoland/deno

 

My Old World

  • Hours of programming bugs;
  • Countless hours trying to find it was a typed error bug;
  • Develop, Browser, Refresh, Develop...
  • JSDocs unmaintainable
  • Freedom to do whatever I want

My New World

  • Hours of programming;
  • No more typed bugs;
  • 80% of the time developing, the rest 20% Refresh, Develop...
  • Automatically generated documentation
  • A more bureaucratic developing process

A whole new world.....

Thank You

You guys can find me at

 

Twitter - @bloo_df
GitHub - bloodf

Linkedin - /heitorramon

Made with Slides.com