javascript - online - ¿Realmente necesito que Babel u otros transpilers utilicen ES6 con React?

jsx to js

Question

¿Realmente necesito que Babel u otros transpilers utilicen ES6 en React?

Estaba mirando la tabla https://kangax.github.io/compat-table/es6/

Parece que mi navegador actual Chrome (la última versión estable) es compatible con casi todas las características de ES6 ...

Si puedo usar ES6 sin Babel, ¿cómo debo hacerlo?

Answer 1

Absolutamente puede y utiliza ES6 W / O babel. Todos los principales navegadores son compatibles con la gran mayoría de las funciones de forma nativa (ver CanIUse.com), de hecho, la única característica importante que no se admite es la importación / exportación de módulos.

Para estos, todavía tiene que importar manualmente sus módulos en el orden correcto utilizando etiquetas de script en el HTML. Solo del lado del cliente (el nodo necesita los módulos).

Sin embargo, tenga en cuenta que esto está bien para los desarrolladores, pero de todos modos, en la producción, deberá concatenar y minimizar todo el JS en un solo módulo, por lo que, en última instancia, usar una cadena de herramientas de estilo Babel / Webpack o Babel / Browserify puede estar en el lugar donde termine.

Answer 2

Si quieres:

• utilizar modules (con require() o import ... )
• usar JSX
• soporta muchos navegadores
• use funciones más avanzadas ( async/await ), algunas todavía en propuestas ( async/await , propiedades de clase ...)

Debe usar Babel para asegurarse de que todos puedan ejecutar su código, de lo contrario, puede desarrollarlo sin él.

Answer 3

Sin babel obtienes la compatibilidad de la tabla a la que te vinculaste. Pero ten en cuenta que si quieres usar JSX querrás usar babel para transpilar eso.