#React - это opensource библиотека, созданная компанией Facebook для того чтобы упростить создание UI компонентов и UI приложений . Для того, чтобы написать React приложение необходимо будет использовать дополнительные библиотеки для того чтобы работать с сервером, тестировать, управлять состоянием.
Технически React не привязан к Web.
Использует язык#JSX . Использует reconciliation алгоритм , чтобы эффективно обновлять UI. React не фреймворк . Он отвечает только за UI компоненты.
import React from 'react';
import ReactDOM from 'react-dom';
function TodoItem() {
return (
<span>Drink Coffee</span>
);
}
function TodoList() {
return (
<ul>
<li><TodoItem /></li>
<li><TodoItem /></li>
<li><TodoItem /></li>
</ul>
);
}
ReactDOM.render(<TodoItem />, document.getElementById('root'));
Если у вас нет проблем, описанных выше, или пока не чувствуете себя уверенно, используя инструменты JavaScript, рассмотрите возможность добавления React в виде простого тега <script>
на HTML-странице, при необходимости с JSX.
Также это самый простой способ добавить React в существующий веб-сайт. Вы всегда можете расширить набор инструментов, если посчитаете это нужным.
Ввести в терминал
node -v // Укажет версию node.js
npm -v // Укажет версию менеджера пакетов node.js
npx create-react-app -- typescript .
// создает папку typescript в дереве и загружает библиотеки
загрузились следующие файлы.
Современный JS описан стандартом ECMA-262. Он ежегодно обновляется. #proposal проходит 5 этапов утверждения.
#babel позволяет использовать новые возможности JS еще до включения в стандарт.