Background

Top Contributor TypeScript http://stackoverflow.com/tags/typescript/topusers

Member of all the significant TypeScript teams on Github

Definitely Typed

TypeStrong

Typings

Identified Issues and helped with a bunch of stuff in the compiler

https://github.com/Microsoft/TypeScript/issues/created_by/basarat

Microsoft

I ♥ TypeScript

Atom TypeScript

Official Link

Downloads: 217K

Then VSCode came

Share the awesome

alm.tools

npm i alm -g

alm -o

Stable NPM releases soon

Code Editor

CodeMirror

ACE

Most famous: Chrome Devtools

Most famous: Cloud9, Github Online

Code Mirror

NPM

MANUAL

http://marijnhaverbeke.nl/blog/

React JS

Data In Data Out

• Maps really well to TypeScript

• Is just the View

Peaceful

Co-existance

Semantic View Atom-TypeScript

Peaceful Co-existance

renderToString

CSS in JS

*TypeScript

<div class="root">
    <div class="hello">
        Hello 
    </div>
    
    <div class="me">
        is it me
    </div>
</div>

<div class="look"> 
    you are looking for
</div>

CSS in JS

.root {
  display: flex;
  flex-direction: row;
  
  .hello {
    flex: 1    
  }
}

CSS in JS

<gls.ContentHorizontal>
     <gls.Content>
         Hello 
     </gls.Content>
    
    <gls.Flex/>
    
    <gls.Content>
        is it me
    </gls.Content>
</gls.ContentHorizontal>

<gls.Content> 
    you are looking for
</gls.Content>

GLS : http://basarat.com/gls

Webpack

Stop

grunting / gulping

npm run foo

https://docs.npmjs.com/misc/scripts

Source : devtime.ts

WebPack API