Escribe tu comentario
+ 2
1
7162Puntos

Situacion Actual
Uno de los problemas que tiene Javascript es su sintaxis, entonces aparece ECMA estandarizando el codigo y creando versiones del lenguaje mas compatiblaes como por ejemplo con EMCAScript6.

Problema a Resolver
Javascript con sus nuevas funcionalidades y la implementacion de las mismo, hizo que los navegadores tengan tambien diferentes implementaciones para responder a ello. De esta manera algunos navegadores son compatibles y otros no a estas nuevas funcionalidad.

¿Que es Babel?
Tomando en cuenta el punto anterior Babel es creado para solucionar este inconveniente y permite que nuestro codigo sea compatible con todos los navegadores.

Babel es una cadena de herramientas que se utiliza principalmente para convertir el código ECMAScript 2015+ en una versión retrocompatible de JavaScript en navegadores o entornos actuales y antiguos.

**Principales funciones **

  • Transformar la sintaxi
  • Características de Polyfill que faltan en su entorno de destino (a través de @ babel / polyfill )
  • Transformaciones de código fuente (codemods)

Como funciona

Babel funciona mediante plugins para que le indiquemos que cosas queremos que transforme, por ejemplo con el plugin babel-plugin-transform-es2015-arrow-functions podemos decirle que transforme las arrow functions de ECMAScript 2015 a funciones normales, con babel-plugin-transform-react-jsx podemos hacer que entienda código de JSX y lo convierta a código JS normal.