автордың кітабынан сөз тіркестері  React быстро. 2-е межд. изд

Мардан А., Барклунд М.

перерисовки всей страницы. Собственно, при вызове

Существуют всего шесть квазиложных значений:

• false

• 0

• "" (пустая строка)

• null

• Undefined

• NaN (не число)

1. Определить контекст React в переменной, доступной из разных компонентов.

2. Создать провайдер контекста вокруг нужной части приложения.

3. Применить хук useContext, когда понадобится доступ к переменной контекста.

Репозиторий GitHub находится по адресу https://github.com/rq2e/rq2e, а программа просмотра исходного кода — по адресу https://reactquickly.dev/browse

function useForm(initialValues) {

const [data, setData] = useState(initialValues);

const onChange = (evt) => {

const key = evt.target.name;

const value = evt.target.value;

setData(oldData => ({ ...oldData, [key]: value }));

};

return [data, onChange];

}

прослушивателю события присвоено имя свойства handle*. Это обычная практика при передаче функций как свойств элементам, которые сами по себе являются не прослушивателями, а обратными вызовами;

• Используя хук, необходимо соблюдать два закона: хуки должны вызываться только на верхнем уровне компонента (нельзя использовать условные или циклические вызовы хуков) и только внутри функциональных компонентов (никаких хуков вне компонента, во вспомогательной функции и даже в компонентах на базе классов).

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

Концепция передачи функций, рендерящих JSX, обозначается термином рендер-пропсы (render props).

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