Публикации по теме 'hooks'
Реализация пользовательских хуков 💥.. usePrevious() и useTimeOut()
Основная причина написания собственного хука — возможность повторного использования кода. Например, вместо того, чтобы писать один и тот же код для нескольких компонентов, использующих одну и ту же общую логику состояния (скажем, логику «setState» или localStorage), вы можете поместить этот код в пользовательский хук и повторно использовать его. Я покажу вам, как реализовать несколько полезных пользовательских хуков.
использоватьПредыдущий
Часто возникает вопрос: «При использовании..
Привет, React, до свидания, useEffect (надеюсь)
В этой статье я покажу вам, как использовать React для замены useEffect в большинстве случаев.
Я смотрел До свидания, useEffect Дэвида Хурсида, и это 🤯 в 😀 хорошем смысле взорвало мне мозг. Я согласен с тем, что useEffect используется так часто, что делает наш код грязным и сложным в обслуживании. Я давно пользуюсь useEffect и виноват в том, что использую его не по назначению. Я уверен, что в React есть функции, которые сделают мой код чище и проще в обслуживании.
Что такое..
От Chrome до Safari: обнаружение дубликатов вкладок везде и управление ими
От Chrome до Safari: обнаружение дубликатов вкладок везде и управление ими
В этом сообщении блога мы рассмотрим фрагмент кода, который можно использовать для проверки наличия дубликатов вкладок в браузере, и расширим его для работы в разных браузерах и платформах с помощью интеграции с сервером.
Введение
Дублирование вкладок может быть проблематичным в определенных сценариях, например при работе с конфиденциальными данными или при попытке поддерживать приложение с одним экземпляром...
Использование хука состояния в React: хук useState()
Что такое крючок?
Хук — это специальная функция, которая позволяет вам «подключаться» к функциям React без написания класса.
Например: «useState» — это хук, который позволяет вам добавлять состояние React к компонентам функций.
___________________
Когда бы вы использовали крючок?
Если вы пишете функциональный компонент и понимаете, что вам нужно добавить к нему некоторое состояние, ранее вам приходилось преобразовывать его в класс. Теперь вы можете использовать хук внутри..
Глубоководное погружение в React: useSyncExternalStore и useTransition в реальном мире
Привет, энтузиасты React! 🌍
React развивается быстрее, чем вы можете сказать «useState», верно? Давайте распутаем пару этих свежих жемчужин — useSyncExternalStore и useTransition — на реальных примерах из реальной жизни.
1. useSyncExternalStore: аналогия с почтальоном 💌
Представьте, что вы с нетерпением ждете писем (данных) от друга, живущего за границей (внешний источник). Вместо того, чтобы постоянно подглядывать в окно, вы доверяете своему преданному почтальону (наш..
Хуки в React — Введение
Хуки были добавлены в React в версии 16.8 и позволили использовать состояние в функциональных компонентах React. Ранее только компоненты класса имели доступ к состоянию. Это новое добавление хуков упростило работу с состоянием в реакции.
//handling state in React class component
import React from "react"
class App extends React.Component {
constructor(props) {
super(props);
this.state = {name: "Thushitha"};
}
render() {
return (..
Как создать функциональный список дел в React Hooks
Ссылка на код: https://github.com/vi519/ToDo-List-React
Размещенная ссылка: https://vi519.github.io/ToDo-List-React/
Предпосылки:
Узел Js установлен
Примечание. Полный код вы найдете в последней части этого блога.
Шаг 1:
Откройте командную строку:
Сначала создайте реактивный проект:
npx create-реагировать на приложение ‹project_name›
теперь откройте проект в вашей любимой среде IDE, так что мой код VS:
так что просто сделайте это:
компакт-диск ‹имя_проекта›..
