Публикации по теме 'hooks'
Поднимите уровень разработки React с помощью Custom Hooks
React включает в себя функцию, известную как настраиваемые хуки, которые позволяют разработчикам извлекать и повторно использовать логику из функциональных компонентов. Пользовательский хук — это, по сути, функция JavaScript, которая включает встроенные хуки React, такие как useState, useEffect, useContext и useReducer, для упаковки и управления поведением с отслеживанием состояния. Создав собственный хук, можно сделать общий набор инструкций доступным для нескольких компонентов, что..
Улучшить скорость сайта с gatsby-image
Привет всем! Сегодня я расскажу об использовании плагина Gatsby gatsby-image для настройки вашего фона вместо css url(./bgimg.jpg) в качестве фона. Одна из основных причин, по которой я выбрал этот подход, заключалась в том, что мой сайт сильно пострадал от производительности, а изображения отображались очень медленно. К счастью, Гэтсби создал действительно полезный плагин, который мы можем использовать для оптимизации размера наших изображений.
Примечание. вы также можете..
Реакция UseState объясняется на примере
Введение
React предоставляет набор хуков, которые позволяют вам добавлять функции к вашим компонентам. Эти хуки представляют собой функции JavaScript, которые вы можете импортировать из пакета React. Однако хуки доступны только для компонентов, основанных на функциях, поэтому их нельзя использовать внутри компонента класса.
В этой статье мы узнаем о хуке React UseState на практических примерах. Давайте приступим к делу.
Что такое UseState и когда мы его используем?
Как я уже..
Реагировать на крючки
Когда я изучал React во время учебного курса разработки программного обеспечения школы Flatiron, я узнал о создании компонентов, используя только компоненты класса. Мы узнали о некоторых методах жизненного цикла в целом, и состоянием нужно было управлять с помощью конструктора. Как только нам предложили проверить функциональные компоненты и useState для управления нашим состоянием, мне понравился внешний вид этого стиля React.
Использование функциональных компонентов и useState среди..
Создание типов TypeScript для хука useReducer
Хук useReducer похож на хук useState , но там, где useState лучше всего подходит для управления примитивными значениями (например, строками, числами и логическими значениями), useReducer лучше всего подходит для манипулирования объектами с несколькими свойствами.
// useState (from react docs):
const [name, setName] = useState('Taylor');
// useReducer (from react docs):
function reducer(state, action) {
// ...
}
function MyComponent() {
const [state, dispatch] =..
React Hooks 2: useMemo, useCallback, useLayoutEffect, useImperativeHandle, useDebugValue и Custom…
Во второй части этой серии я рассказал об остальных хуках просто для справки, так как маловероятно, что вы столкнетесь с этим, если только вы не создаете библиотеку или у вас нет сложного пограничного случая.
Чаще всего вы будете сталкиваться с Пользовательскими хуками , поэтому, если вы не слишком заинтересованы в другом…
7 потрясающих хуков React, которые вы должны изучить
До React 16.8 (16 февраля 2019 г.) разработчики могли использовать компонент на основе классов, если они хотели поддерживать состояние в компоненте, а функциональный компонент использовался только для тех компонентов, которым не требуется никакого состояния. Это приводит к несогласованности в приложении, и было несколько проблем с компонентами на основе классов.
Использование двух разных типов компонентов создало следующие основные проблемы:
Несоответствие через приложение Если..
