Код для статьи A Comprehensive Guide to React.js in 2018 1

comprehensive-guide-tyler-1

JSX. Позволяет нам писать HTML как синтаксис, который преобразуется в объекты lightweightJavaScript.

Виртуальный DOM (Virtual DOM) — JavaScript-представление реального DOM.

React.Component — способ создания нового компонента.

render (method) — описывает, как будет выглядеть пользовательский интерфейс 
для конкретного компонента.

ReactDOM.render — выполняет рендер React-компонента на узел (node) DOM.

state — внутреннее хранилище данных (объекта) компонента.

constructor (this.state) — способ, при помощи которого вы устанавливаете 
изначальное состояние компонента.

setState — вспомогательный метод, используемый для обновления состояния (state) 
компонента и повторного отображения пользовательского интерфейса.

props — данные, которые передаются дочернему компоненту из родительского компонента.

propTypes - позволяет контролировать наличие или типы определенных props, 
переданных дочернему компоненту.

defaultProps — позволяет устанавливать props по умолчанию для вашего компонента.

Методы жизненного цикла компонента (Component LifeCycle):
 
  - componentDidMount — запускается после "монтирования" компонента в DOM-дерево;
  - componentWillUnmount - вызывается перед удалением компонента;
  - getDerivedStateFromProps — запускается, когда компонент "монтируется" и 
всякий раз, когда props изменяются. Используется для обновления состояния 
компонента (state) при изменении его props.

События (Events):

  - onClick;
  - onSubmit;
  - onChange.