Эквивалент компиляции в ожидании времени в React

Question

Как у нас есть AOT в angular, где код HTML и машинописный текст преобразуются в эффективный код JS на этапе сборки, что ускоряет загрузку приложения.

Есть ли у нас что-то подобное в Реагировать?

Answer 1

Существует только транспонизация Typescript или Babel, которая преобразует код JSX в общий JavaScript.

Так, например, код

import React from 'react';
import ReactDOM from 'react-dom';

const App = () => {
    return <h1>Hello World</h1>
}

ReactDOM.render(
    <App />,
    document.getElementById('root')
)

скомпилирован в

import React from 'react';
import ReactDOM from 'react-dom';
var App = function () {
    return React.createElement("h1", null, "Hello World");
};
ReactDOM.render(React.createElement(App, null), document.getElementById('root'));

Так что в основном <h1>Hello World</h1> в React.createElement("h1", null, "Hello World");. Это все.

Вы можете добавить больше вещей в ваш Babel / Typescript-Compiler (например, пресеты и плагины, например, babel-plugin-relay), но в целом это не более, чем простой шаг переноса.

См. Также:

• JSX-Concept
• Babel Compiler