ECMAScript (All things open)

Azat Mardan

wrote React Quickly

Practical Nodes.js

How it feels to learn JavaScript now

Notes

ES2015 (a.k.a. ES6)

  • fat arrow functions (binds proper this)
  • Promises - async code
  • Object literals
  • Classes
  • Modules (import)

ES2016 + 17

  • async await functions
    • requires (try catch)
  • trailing commas in functions

Resources

https://webapplog.com/es6/

state-js (github)

check out his courses (node.university)

JS Flavors

  • CoffeScript v2
  • TypeScript
  • Elm (functional)
  • ClojureScript

CSS

  • SASS/SCSS
  • LESS
  • CSS Modules
  • Aphrodite (commonly used with React)

Frameworks

  • React (or preact or inferno: lighter, smaller) ~ mit license (16)
  • Angular 4
  • Vue
  • Ember
  • Backbone

API

  • Rest API
  • GraphQL (Apollo:simpler or Relay - specific libraries for React) - this is coming!!!
  • Firebase
  • Falcor
  • Meteor

Testing

  • Mocha (Giant in the room)
  • Jasmine
  • Enzyme (used with Jest)
  • Jest (jsdom enables testing without headless browser)
  • Cucumber
  • Ava

Transform and Transpile

Webpack

  • webpack - hot module reloading (greatly speed up development)
  • HMR - Hot Module Reloading

Static Typed Pre Transpile

TypeScript - works well with Angular
Flow - works well with React

Node

  • util.promisify
  • Chakra instead of Chrome V8
  • http2
  • v8 + npm v5
  • large mainstream and enterprise adoption

ES2018

  • Template Literal Revision (Tim Disney)
ECMAScript (All things open)
Share this