React — это библиотека JavaScript для создания пользовательских интерфейсов. Он использует декларативную парадигму на основе компонентов и стремится быть эффективным и гибким.

Пример использования компонента класса

class HelloWorldWidget extends React.Component {
  render() {
      return (
          <div>
              Hello World!
          </div>
      );
  }
};

ReactDOM.render(
  <HelloWorldWidget />,
  document.body
);

Пример использования функционального компонента

function HelloWorldWidget() {
  return <div>Hello World!</div>;
}

ReactDOM.render(
  <HelloWorldWidget />,
  document.body
);

Начиная

npx create-react-app my_app

Преимущества

  • React создает виртуальный DOM, чтобы все компоненты можно было визуализировать по отдельности без необходимости перерисовки всей страницы браузером

  • Пользователь может обновить определенное содержимое страницы, просто перерисовав только этот компонент

  • В React данные передаются от владельца к дочернему элементу. Вы можете думать об этом как об «односторонней привязке данных».

  • Логика представления React означает, что она может быстро отображаться на сервере, в браузере или нативных компонентах.

  • React можно использовать в сочетании с такими структурами, как angular.jsи backbone.js

  • Разделение декларативного представления (jsx) и логическое упрощение чтения и обслуживания проектов.


Ресурсы:


Книги:


Связанные теги:


Официальный логотип:


Версии:

Примечание. В приведенной ниже таблице приведены только сводные данные об изменениях для каждой версии. Полный список изменений для каждой версии можно найти здесь.