7

Компоненты в React

Это функции либо классы, которые вызываются в виде тегов и возвращают JSX.

60

WithRouter

Правильный способ полученияWithRouter нужных параметров из url в React

68, 69 и 80

Редиректы в React

Есть 2 способа сделать редирект на нужнаю страницу: Redirect to={“/url”} и props.history.push(“/url”)

69

High Order Component (HOC)

Это функция, которая принимает компоненту и возвращает другую компоненту (контейнерную). Т.е. делает обертку, которую можно использовать как шаблон.

74

componentDidUpdate

Метод, который вызывается при обновлении компоненты

75-77

Local state (локальный стейт)

Local state подходит для мелких изменений на странице, которые не нужно передать вверх, чтобы потом куда-то передать, так как им управлять не очень удобно. Например, для расскрытия меню, набора текста в инпуте и т.д.

80

Инициализация приложения

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

84

Хук useState

useState – это один из хуков (специальных функций), который позволяет создавать и изменять локальный стейт, точнее его подобие, в функциональных компонентах.

84-85

Hooks (“хуки”)

Хуки – это специальные функции в Реакте, которые позволяют обходится без классовых компонент.

85

Хук useEffect

useEffect – это один из хуков (специальных функций), который заменяет в совокупности такие методы жизненного цикла в классовых компонентах, как componentDidMount, componentDidUpdate и componentWillUnmount.

87

shouldComponentUpdate, PureComponent, memo

shouldComponentUpdate, PureComponent и memo – это 2 метода классовых компонент и HOC функциональной компоненты, которые все применяются для того, чтобы компонента не отрисовывалась лишний раз, если не она не изменилась.

88

pure function (чистая функция)

pure function (чистая функция) – это требование к некоторым частям чистемы в Реакте. Она требуется к компонентам, редьюсерам и селекторам.

90-1

Замена then на async/await

Синтаксис “async/await” для работы с промисами может сделать код более простым и читаемым, чем с методом then().

90-2, 96

Сокращение дублирующегося кода

Для сокращения дублирующегося кода мы пишем функции, которые в параметрах принимают отличающиеся значения. Либо создаем по такому же принципу специальные “хелперы”, что немного сложнее.

94

React.lazy и React.Suspense

Функция React.lazy позволяет загружать компоненту не сразу, а когда пользователь обратится к нему. А Suspense позволяет показать запсное содержание, пока подгружается компонента черзе React.lazy.

98

Captcha

Выводим капчу с нашего сервера и делаем отправку введенных символов.