React hooks, как не выстрелить себе в ноги. Часть 3.1: мемоизация, memo

Статья про мемоизацию оказалась объёмной и включает в себя разбор hoc memo, хуки useMemo и useCallback, затрагивает тему useRef. Было принято решение разбить статью на 2 части, в первой части разберем когда нужно и когда ненужно использовать memo, како…

React hooks, как не выстрелить себе в ноги. Часть 2: useEffect и useLayoutEffect

В этой статье разберем как с помощью useEffect воспроизвести методы жизненного цикла в функциональных компонентах. Поговорим как и когда использовать useEffect и useLayoutEffect. Обсудим особенности отправки запросов из useEffect. Также узнаем почему м…

React hooks, как не выстрелить себе в ноги. Часть 1: работа с состоянием

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

[Перевод] Создание собственного React с нуля

В последнее время видны масштабные изменения в способах разработки веб-приложений. Если раньше интерфейс создавался на сервере, а на стороне клиента выполнялись лишь незначительные сценарии, то в наши дни стандартом является использование какой-либо из…

[Перевод] Рефакторинг компонента React со 165 до 30 строк

React Hook Form — одна из самых популярных библиотек для обработки элементов ввода формы в экосистеме React.Но добиться ее правильной интеграции может быть непросто, если использовать какую-либо библиотеку компонентов.Сегодня я покажу вам, как можно ин…

[Перевод] Blogged Answers: (почти) полное руководство по особенностям рендеринга в React. Часть 1

Подробности о том, как происходит рендеринг в React и как влияет на рендеринг применение контекста.Я часто сталкиваюсь с недопониманием относительно того, как, почему и когда React повторно рендерит компоненты и каким образом применение контекста и Rea…

[Перевод] Почему в Ember не нужны React-хуки

От переводчика: Этот пост является продолжением поста о реализация паттернов React-компонентов в Ember.js. Автор рассматривает концепцию React-хуков для абстракции логики состояния (stateful logic) и сравнивает ее реализацию с реализацией в Ember. И хо…

[Перевод] React Router Hooks: Изучение принципов их работы

React Router — это не то же самое, что маршрутизатор, направляющий сетевые данные — к счастью! Однако между сетевым маршрутизатором и React Router есть много общего. React Router помогает нам направлять пользователей к нужному компоненту. Например, мы …

Исходники React.memo или что такое SimpleMemo

Привет, Хабр!В прошлых моих статьях обсуждая useMemo, мы постоянно упоминали React.memo. Поэтому в этой статье я решил глубоко погрузиться в понятие, что из себя представляет React.memo и конечно же изучим его исходники. (Данная статья является расшифр…

Чего мне не хватало в функциональных компонентах React.js

Помню первое впечатление от React hooks. Можно не писать классы. Не нужно описывать тип состояния, инициализировать состояния в конструкторе, теснить всё состояние в одном объекте, помнить о том, как setState сливает новое состояние со старым. Не приде…