React Flashcards
Причины для чего нужны hooks вместо classes?
1) Трудно использовать логику состояний между компонентами
2) Сложный компонент трудно понимать
3) Трудно понять this
Что такое состояние?
Это как внутрення переменная, при изменении которого происходит перерендер
Правила написания hooks?
1) Любой hook начинается с use
2) Используется только в верхнем уровне до return
3) Запрещается вызов в методе или цикле
Отличия VDOM?
1) Обновляется быстрее
2) Невозможно обновить HTML напрямую.
3) Если элемент обновлен, обновляется JSX.
4) Манипуляции с DOM очень просты.
5) Очень маленькое потребление памяти
Что такое однопоточность?
Дочерние компоненты никогда не могут отправлять props обратно родительскому компоненту
Что такое состояние?
По сути, состояние - это объект, который определяет представление и поведение компонента. В отличие от props, они изменяемы и создают динамические и интерактивные компоненты. Доступ к ним можно получить через this.state ().
Каковы этапы жизненного цикла компонента?
В жизненном цикле компонентов React есть три разных этапа:
Этап начального рендеринга: это этап, на котором компонент собирается начать свой жизненный путь и войти в DOM.
Фаза обновления: после добавления компонента в DOM он может быть обновлен и повторно отрисован только при изменении свойства или состояния. Это происходит только на этом этапе.
Этап удаления: это заключительный этап жизненного цикла компонента, компонент уничтожается и удаляется из DOM.
Подробно объясните методы жизненного цикла компонентов?
componentWillMount () - выполняется перед рендерингом как на клиенте, так и на сервере.
componentDidMount () - выполняется только на клиенте после первого рендеринга.
componentWillReceiveProps () - вызывается, когда реквизиты получены от родительского класса и перед вызовом другого средства визуализации.
shouldComponentUpdate () - возвращает истину или ложь в зависимости от определенных условий. Если вы хотите обновить компонент, верните true, в противном случае верните false. По умолчанию возвращает false.
componentWillUpdate () - вызывается перед отрисовкой в DOM.
componentDidUpdate () - вызывается сразу после отрисовки.
componentWillUnmount () - вызывается после размонтирования компонента из DOM.
Что такое GraphQL?
Это технология, которая описывает как запрашивать данные, и, в основном, используется клиентом для загрузки данных с сервера.
Какие три основные характеристики GraphQL?
1) Позволяет клиенту точно указать, какие данные ему нужны.
2) Облегчает агрегацию данных из нескольких источников.
3) Использует систему типов для описания данных.
Отличие GraphQL от REST?
Вы делаете один запрос к GraphQL, а он сам к разным базам. А REST много запросов к разным базам.
Из чего состоит GraphQL API?
1) schema (схема) - типизированная схема данных
2) queries (запросы) - описывает что получить
3) resolvers (распознаватели) - описывает где и как получить
Что такое props?
Это параметры, которые может принимать компонент
Что делает метод render и синтаксис?
Метод render возвращает описание того, что вы хотите увидеть на экране. React берёт это описание и отображает результат. Если точнее, render возвращает React-элемент, который является легковесным описанием того, что нужно отрендерить.
render() {<div>…</div>}
Правило именования событий в React?
В React есть соглашение об именах — on[Имя события] для пропсов, отвечающих за события, и handle[Имя события] для методов обрабатывающих события
