Поиск по блогу
15.09.2021
Смотрю сейчас на Udemy видео-курс по хукам — столкнулся с непониманием, зачем хуку useCallback нужны зависимости. Выяснил у преподавателя и решил записать, чтобы не наступать больше на эти грабли. Итак, есть два компонента — Parent и Child, в Parent есть функция, обернутая в useCallback, чтобы избежать лишних рендеров Child.
12.09.2021
Компонент высшего порядка в React это паттерн, используемый для того, чтобы делить функционал между компонентами без повторения кода. Такие компоненты, по факту, не совсем являются компонентами, это скорее функции. Такая функция берёт компонент как аргумент и возвращает новый компонент.
11.09.2021
На концептуальном уровне понять render props очень просто. Давайте забудем на минуту о React и посмотрим на вещи в контексте ванильного JavaScript. У нас есть функция, которая вычисляет сумму двух чисел. Для начала мы просто хотим вывести результат вычисления в консоль.
03.09.2021
Функциональное программирование — это способ программирования, при котором можно передавать функции в качестве параметров другим функциям, а также возвращать их как значения. Так как функции в JavaScript являются объектами, то их можно использовать как значение переменной, передавать и возвращать по ссылке, как и другие переменные.
15.08.2021
Нельзя вызывать хуки внутри циклов, условных операторов или вложенных функций. Хуки нужно вызывать только внутри React-функций, до возврата какого-либо значения из них. Исполнение этого правила гарантирует, что хуки вызываются в одинаковой последовательности при каждом рендере компонента.
11.08.2021
Хук контекста useContext принимает объект контекста (значение, возвращённое из React.createContext) и возвращает текущее значение контекста для этого контекста. Текущее значение контекста определяется пропом value ближайшего MyContext.Provider над вызывающим компонентом в дереве.
06.08.2021
Хуки — это функции, с помощью которых можно «подцепиться» к состоянию и методам жизненного цикла React из функциональных компонентов. Хуки не работают внутри классов — наоборот, они дают возможность использовать React без классов. React содержит несколько встроенных хуков, таких как useState и useEffect.
28.07.2021
В реакте поток данных — однонаправленный. Это значит, что данные передаются как водопад, сверху вниз, от родителя к ребенку, через props. При этом props — неизменяемый объект, предназначенный только для чтения. Проще понять, если думать о компонентах, как о функциях. Тогда props — это просто аргумент функции.
21.07.2021
Если говорить простыми словами, React-элемент описывает то, что должно появиться на экране. А если не простыми, то React-элемент описывает узел DOM в виде javascript-объекта. Обратите внимание на слово «описывает». React-элемент — это не то, что будет на экране, а описание того, что будет на экране.
30.06.2021
Допустим, у нас есть объект user со своими свойствами и методами, и нужно создать объекты admin и guest как его слегка изменённые варианты. Хотелось бы повторно использовать то, что есть у объекта user, не копировать/переопределять его методы, а просто создать новый объект на его основе.