React JS для начинающих: Введение и Обзор

React — это Front-end JavaScript библиотека для создания пользовательских интерфейсов от компании Facebook. ReactJS позволяет создавать многократно используемые UI компоненты (компоненты пользовательского интерфейса). В настоящее время, является одной из самых популярных JavaScript библиотек, имеет большой фундамент и огромное сообщество разработчиков.

React JS для начинающих:

Аудитория

Данная серия уроков, поможет JavaScript разработчикам, впервые погрузиться в мир ReactJS. Мы постараемся рассказать доступным языком, про каждую концепцию библиотеки, на примере простых примеров кода, которые будут понятны даже начинающим разработчикам. После прочтения всей серии уроков по React JS, вы сможете легко начать работать с React. В качестве бонуса, мы разработаем дополнительные компоненты ReactJS, чтобы помочь вам получить больше практического опыта и следовать современным тенденциям JavaScript, Практические примеры использования React.js.

Что необходимо знать

Для работы с React JS, вы должны хорошо разбираться в JavaScript, HTML5 и CSS. React JS использует JSX, который подобен HTML, поэтому знания HTML будут необходимы. Мы объясним это в одной из следующих глав. Мы также будем использовать синтаксис ECMAScript 2015 так что любые знания в этой области будут только плюсом.

React JS - Обзор

Мы уже говорили, что React JS является JavaScript библиотекой, которая используется для создания повторно используемых компонентов пользовательского интерфейса.

Возможности React

  • JSX - JSX это расширенный синтаксис JavaScript. Крайне рекомендуется использовать JSX вместе с React, но не обязательно.
  • Компоненты - Каждый элемент React это - компонент. Компоненты помогают сократить огромное количество времени при работе над крупными проектами.
  • Однонаправленный Flow и Flux - Flux — это термин, придуманный для обозначения однонаправленного потока данных с очень специфичными событиями и слушателями.
  • Лицензия - React JS распространяется под лицензией Facebook Inc., документация распространяется под лицензией CC BY 4.0.

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

  • React использует виртуальный DOM, который является объектом JavaScript. Это позволяет повысить производительность приложения, так как JavaScript виртуальный DOM работает быстрее, чем обычный DOM.
  • React может быть использован как на стороне сервера, так и на стороне клиента.
  • React компоненты и структурированные данные, помогают поддерживать большие приложения.
  • React может быть использован с другими фреймворками.

Ограничения React JS

  • React охватывает только уровень представления (view layer), поэтому понадобятся другие технологии, для полноценного набора инструментов разработки.
  • React использует встроенный шаблонизатор и JSX. Возможно это покажется неудобным для некоторых разработчиков.

В следующем уроке мы рассмотрим установку, создание первого проекта и запуск сервера.

Перевод статьи ReactJS - Overview

Тэги: Frameworkreact.js

Вход

Уважаемый пользователь! Мы обнаружили, что вы используете AdBlock и вынуждены скрыть часть материалов на нашем сайте. Siteacademy существует и развивается за счет доходов от рекламы. Просим внести наш сайт в список исключений или отключить Блокировщик рекламы на нашем сайте.