Это функции либо классы, которые вызываются в виде тегов и возвращают JSX.
WithRouter
Правильный способ полученияWithRouter нужных параметров из url в React
Редиректы в React
Есть 2 способа сделать редирект на нужнаю страницу: Redirect to={«/url»} и props.history.push(«/url»)
Это функция, которая принимает компоненту и возвращает другую компоненту (контейнерную). Т.е. делает обертку, которую можно использовать как шаблон.
Метод, который вызывается при обновлении компоненты
Local state подходит для мелких изменений на странице, которые не нужно передать вверх, чтобы потом куда-то передать, так как им управлять не очень удобно. Например, для расскрытия меню, набора текста в инпуте и т.д.
Под инициализацией приложения подразумевается включение прелоадера (анимации загрузки) до того момента, когда данные с сервера о пользователе подгрузятся.
Хук useState
useState – это один из хуков (специальных функций), который позволяет создавать и изменять локальный стейт, точнее его подобие, в функциональных компонентах.
Hooks («хуки»)
Хуки – это специальные функции в Реакте, которые позволяют обходится без классовых компонент.
useEffect – это один из хуков (специальных функций), который заменяет в совокупности такие методы жизненного цикла в классовых компонентах, как componentDidMount, componentDidUpdate и componentWillUnmount.
shouldComponentUpdate, PureComponent и memo – это 2 метода классовых компонент и HOC функциональной компоненты, которые все применяются для того, чтобы компонента не отрисовывалась лишний раз, если не она не изменилась.
pure function (чистая функция) – это требование к некоторым частям чистемы в Реакте. Она требуется к компонентам, редьюсерам и селекторам.
Синтаксис «async/await» для работы с промисами может сделать код более простым и читаемым, чем с методом then().
Сокращение дублирующегося кода
Для сокращения дублирующегося кода мы пишем функции, которые в параметрах принимают отличающиеся значения. Либо создаем по такому же принципу специальные «хелперы», что немного сложнее.
Функция React.lazy позволяет загружать компоненту не сразу, а когда пользователь обратится к нему. А Suspense позволяет показать запсное содержание, пока подгружается компонента черзе React.lazy.
Загрузка изображения в посте показана на примере загрузки аватарки в профиле.
Пекреход в режим редактирования по клику, отправка (сохранение) данных на сервер, передача значения по умолчанию в Redux Form
Object.keys и возврат для каждого свойства одной и той же компоненты с разными соответствующими пропсами.
Captcha
Выводим капчу с нашего сервера и делаем отправку введенных символов.