Декларативные

интерфейсы с React

React is a new jQuery

Интерфейс отражает состояние

Императивный подход

Каким способом получить желаемое

(ООП, привязка к состоянию)

Декларативный подход

Что я хочу получить

(Функциональное программирование)

+

Библиотека

VS

Фреймворк

Библиотека VS Фреймворк

Направление вызовов

Фреймворк

Библиотека

Ваш код

Императивный интерфейс

Ваш

Код

состояние

состояние

Декларативный интерфейс

Ваш

Код

состояние

изменение

Усложняем

нет связи

конфликты поведения

повторение кода

Упрощаем

Единая ответственность

DRY

Предсказуемость

Усложняем

React

Основа — компонент

 

Компонент — это состояние + отображение

 

Отображение описывается на основе состояния

 

Данные передаются в состояние, а не в элементы

 

Компонент — область видимости

Декларативные интерфейсы с React

By Исмаил

Декларативные интерфейсы с React

Что есть библиотека, а что фреймворк, Чем отличаются императивный и декларативный подходы и как это применимо к UI? Когда нужен jQuery, а когда React? И почему голова лучше любого фреймворка

  • 544