Концепция реакции: Чистота

В JavaScript, когда функция не изменяет объекты, а просто возвращает новый объект, она называется чистой функцией.

Функция или метод для вызова pure не должны вызывать побочных эффектов и должны возвращать один и тот же вывод при многократном вызове с одним и тем же входом.

Чистая функция принимает входные данные и возвращает выходные данные без изменения входных данных или чего-либо еще.

Его вывод определяется только аргументами. Вы можете вызвать эту функцию 1 раз, и при одном и том же наборе аргументов результат всегда будет одинаковым.

React применяет эту концепцию к компонентам. Компонент React является чистым компонентом, когда его вывод зависит только от его реквизитов.

Все функциональные компоненты являются чистыми компонентами:

const Button = props => {
  return {props.message}
}

Компоненты класса могут быть чистыми, если их вывод зависит только от реквизитов:

class Button extends React.Component {
  render() {
    return {this.props.message}
  }
}

Оригинал: “https://flaviocopes.com/react-purity/”