Публикации по теме 'react-hook'
☞ Должны ли мы использовать глобальное состояние?
Когда вы создаете приложения React Native, вы должны думать об управлении состоянием, верно? Есть несколько способов сделать это, но одним из самых популярных является глобальное состояние. В этом сообщении блога мы поговорим о том, что такое глобальное состояние, является ли оно лучшим вариантом для вашего приложения и как его использовать.
Что такое глобальное состояние?
Таким образом, глобальное состояние — это всего лишь один объект состояния, к которому вы можете получить доступ и..
Управление дочерним состоянием от родителя в React.
Используя ссылки, мы можем вызывать методы дочерних компонентов из родительских как в компонентах класса, так и в функциональных компонентах. Это всего лишь обходной путь, рекомендуемый способ — поднять состояние до родительского, а затем передать его через реквизиты дочернему компоненту или с помощью контекстного API.
Возьмем простой пример счетчика.
import React, { useState } from "react";
const Child = () => {
const [count, setCount] = useState(0);
return..
Хорошая статья! 😃
Хорошая статья! 😃
Я немного поигрался с кодом:
КодПесочница ; Гитхаб
Может быть, проще просто передать общий actionMethod вместо пристрастия к строке action и методу:
Тогда переключателя внутри AuthenticationForm можно избежать:
💡 Так как в этом случае элементы управления формой просты, другим вариантом может быть получение значений непосредственно из формы (и отказ от использования управляемых вводов , обхода обработчиков onChange ) .
Руководство по использованию ReactEffect Hook
Хук useEffect в React — один из самых сложных и мощных хуков в функциональных компонентах, позволяющий выполнять побочные эффекты. Но что такое побочный эффект? В React под побочным эффектом понимаются любые операции, влияющие на что-то вне компонента, например вызов REST API, обновление DOM и т. д. Он будет выполняться после рендеринга компонента. Если вы знакомы с компонентами на основе классов, то ловушку useEffect можно легко понять как комбинацию методов жизненного цикла..
Замените React HOC на хуки
Это необходимо?
React применяет парадигму декларативного программирования, что делает его таким мощным и замечательным. Применение этой парадигмы также делает React известным своей скоростью благодаря тому, как он взаимодействует с DOM (мы просто описываем JSX, а React отображает то, что мы хотим видеть).
Функции высшего порядка
HOF — важная концепция функционального программирования.
В JavaScript функции являются объектами первого класса, что означает, что они могут быть..
День 1 [100 дней программирования]
Теперь, когда я закончил свой иммерсивный курс по разработке программного обеспечения в General Assembly, я собираюсь продолжить свое образование, работая с онлайн-курсами и учебными пособиями. Это поможет мне отточить свои текущие навыки, а также приобрести новые. Я хотел бы начать эту инициативу с челленджа 100 Days of Coding , и сегодня мой первый день. Моя текущая тема — React Hooks , и вы можете следить за моим прогрессом, проверяя репозиторий, который я создал на Github под..
Как использовать useMemo Hook в React для создания эффективных сложных компонентов
Многие учебные пособия в Интернете подробно рассматривают ловушки useState или useEffect , однако во многих руководствах не рассматриваются более тонкие хуки React, такие как useMemo .
Прежде чем углубляться в технические детали ловушки useMemo , важно понять цель использования ловушки useMemo .
Понимание необходимости использования `useMemo`
Основная цель ловушки the useMemo - помочь оптимизировать компоненты React с тяжелыми вычислениями.
Если какая-либо часть компонента..
