javascript - simple - tutorial de react js

JSX vs ES6/ES2015

Question

En mi proyecto, estoy usando React y Babel, así que uso algunas características de ES6 pero principalmente las que usa React. Webstorm me da la opción de marcar mi sintaxis como ES6 o JSX Harmony y me confundí.

Creo que sé qué es ES6 / ES2015 y cómo usarlo con un compilador, por ejemplo. Babel.

La parte dura id JSX / JSX Harmony. Sé que React usa "JSX" pero:

1. ¿Es este el mismo JSX que here ? Si no es así, ¿qué JSX significa la opción JSX Harmony en Webstorm?

2. He visto la página de compatibilidad mencionada here y sé que JSX Transformer admite solo una pequeña parte de ES6 pero aparentemente Babel admite JSX como complemento de ES6, por lo que JSX parece ser más que un subconjunto de ES6 ... Si es así, ¿qué características ¿JSX React o JSX Harmony no forman parte de las especificaciones de ES6?

EDITAR:

En cuanto a la pregunta 1, estoy seguro, estas son dos cosas completamente diferentes. ¿Pero qué es JSX Harmony entonces?

EDIT 2:

Para responder a mi propia pregunta, Webstorm JSX Harmony se refiere probablemente a la sintaxis compatible con el compilador React JSX con el indicador de armonía activado, que agrega un poco de soporte de ES6.

Answer 1

1. No, no es el JSX que has mencionado. Es este

   JSX es una extensión de sintaxis similar a XML para ECMAScript sin ninguna semántica definida. NO está destinado a ser implementado por motores o navegadores.

2. JSX no tiene la intención de transferir las características de ES6 a ES5, por lo tanto, solo implementa algunas de las funciones más útiles para ayudar con el código de plantilla.

   Si desea usar ES6 hoy, debe usar Babel (preferido) o Traceur para transpilar su código a ES5, y luego puede usar la mayoría de las funciones ya disponibles. Si desea un transpiler aún más poderoso, que también tenga definiciones de tipo, puede echar un vistazo a Typescript .

Answer 2

No, no es el mismo jsx. Hay dos idiomas llamados JSX que conozco:

1. El lenguaje de plantillas para React.js

2. Un lenguaje de programación estático que se compila hasta javascript.

Los dos idiomas son tan diferentes como XML y C ++.

El JSX que está buscando es desde aquí: https://github.com/facebook/react y se puede instalar a través de npm desde aquí: https://www.npmjs.com/package/react-tools

El lenguaje de programación JSX no compilará las plantillas React JSX.