Статьи по теме hooks

Публикации по теме 'hooks'

React - useState и useContext - переход от класса к безклассу

Краткое введение Нет сомнений в том, что внедрение React Hooks значительно повысило привлекательность React для определенных разработчиков. Вы избавляетесь от зависимости от классов и избавляетесь от ужасающих вещей: this, this, this . Этот небольшой пост будет краткой и лаконичной статьей, в которой показано, как взять компоненты, построенные с помощью классов, и превратить их в простые функции. Компонент нашего класса Вы можете видеть выше, что у нас есть класс под..

React Hooks: руководство по освоению управления состоянием

Как создать собственный хук в реакции? React Hooks — это относительно новая функция в React (выпущенная в версии 16.8), которая позволяет разработчикам управлять состоянием и побочными эффектами в функциональном компоненте. Они позволяют повторно использовать логику с отслеживанием состояния между компонентами, упрощая написание поддерживаемого кода и повышая производительность. В этой статье мы углубимся в основы React Hooks и предоставим исчерпывающее руководство по освоению..

Как, черт возьми, вы тестируете (сложный) пользовательский хук реакции? 🪝

Я помню, как впервые слово «реагировать на крючок» шептали вверх и вниз по стенам с кофе на моей первой работе в области разработки. Я вернулся к своему столу после того, как впервые услышал о них, быстро открыл YouTube, чтобы посмотреть несколько видеороликов, объясняющих концепцию, но я не могу сказать, что концепция прижилась, поэтому я продолжал надеяться, что никто не попросит меня объяснить их подробно или боже. запрети, напиши кастомный хук (жуткий) 👻 но теперь, когда я..

Привет.

Привет. Мне очень нравится ваше решение. Это великолепно. Молодец. Но я думаю, что вы можете сделать его еще больше. Теперь, когда мы используем это решение, каждый раз, когда компонент монтируется, мы добавляем тег ‹script› в ‹head›, так что вы можете добавить 'removeScript' при размонтировании компонента или проверить, существует ли уже скрипт с переданным src — решить успешно . Так же можете развить мои мысли еще дальше, или просто оставить все как есть))) Спасибо за вашу..

Создайте собственный календарь хуков в React

Шаг за шагом, от первого до последнего. Календари, а? Есть несколько замечательных пакетов, которые сделают за вас большую часть работы, но иногда вы не хотите (или не можете) использовать пакет, поэтому вам нужно создать свой собственный компонент календаря. Проблема с календарями, однако, в том, что там так много нюансов и крайних случаев (високосные годы, кто-нибудь?), Что это может стать довольно существенным делом. Так что делать? Что ж, надеюсь, вы сможете использовать..

Изучение хука useContext в React: упрощение управления состоянием между компонентами

Когда-то в мире React разработчики боролись с проблемой управления состоянием нескольких компонентов. Они познакомились с Context API, который позволял обмениваться данными между компонентами без необходимости передавать данные вниз по всем уровням дерева компонентов. Однако управление состоянием контекста с помощью Context API по-прежнему было утомительным и трудоемким процессом. Затем, в 2018 году, в React 16.8 был представлен хук useContext. Этот хук значительно упростил..

Понимание React useLayoutEffect

Хук React useLayoutEffect — невероятно мощный инструмент, который разработчики могут использовать при создании приложений React. Это позволяет разработчикам получить доступ к макету и размерам компонента до его отображения на экране. Это позволяет разработчикам оптимизировать производительность своих приложений, гарантируя, что любые изменения в DOM вносятся до того, как браузер отрисует страницу. В этом блоге мы рассмотрим, как и когда использовать useLayoutEffect , а также как..