Feature detection y Babel se hacen amigos

Meetup.js

7 de septiembre de 2016

Gabriel Montes

@gab_montes

Babel

¿6to5?

Objetos y métodos

babel-polyfill

Sintaxis

babel-cli

babel-register

babel-loader + babel-core

Plugins y presets

es2015

es2016

es2017

latest

Experimentales

stage3

stage2

stage1

stage0

Usando Babel

Browser

Entorno de ejecución no controlado

Conviene transformar todo durante el build

Node.JS / Electron

Entorno de ejecución controlado (versión de V8)

¿Puedo obviar algunas transformaciones?

¿Transformar solo lo necesario?

¿Cómo seleccionan los plugins a activar?

  • Lista depende de la versión de Node.JS
  • Lista es fija

Feature detection

¿Cómo probar sintaxis?

function run(code) {
  return (new Function(code))()
}

function tryRun(code) {
  try {
    return run(code)
  } catch (err) {
    return false
  }
}

latest-minimal

¡¡Selecciona plugins basado en feature-detection!!

Demo

Referencias

¡Muchas gracias!

Gabriel Montes

 @gab_montes

 gabmontes

Feature detection y Babel se hacen amigos

By Gabriel Montes

Feature detection y Babel se hacen amigos

  • 1,209