Публикации по теме 'react-hook'
React Hooks, как они работают и как их использовать в своих приложениях
React Hooks произвели революцию в том, как разработчики создают приложения в React. Представленные в React 16.8 хуки — это функции, которые позволяют вам использовать состояние и другие функции React без написания класса. Они упрощают повторное использование логики с отслеживанием состояния, управление побочными эффектами и составление поведения модульным и повторно используемым способом.
В этом блоге мы более подробно рассмотрим хуки React, как они работают и как их использовать в ваших..
Шаблон ReactJs, TailwindUI и TailwindCSS
Руководство по созданию собственного проекта UI / CSS на React и Tailwind .
ИНДЕКС:
Следовать вместе Быстрый старт (прокрутите вниз)
Прежде чем мы начнем, я хотел бы поблагодарить вас за то, что вы нашли время прочитать мое руководство + статью. Мне очень нравится предоставлять сообществу простые и полезные примеры. Если вам в конечном итоге понравится моя статья, пожалуйста, похлопайте по ней. Или, если вы хотите, чтобы я что-то добавил, прокомментируйте. Я не смогу..
С выпуском React 16.8,
С выпуском React 16.8 хуки стали новейшим дополнением к самому популярному в мире интерфейсному фреймворку. Хуки дают нам доступ к состоянию и другим событиям жизненного цикла из функциональных компонентов. До сих пор функциональные компоненты всегда не имели состояния. Чтобы использовать состояние, нам пришлось написать компоненты класса, которые более многословны и сложны, чем их функциональные аналоги.
В этом руководстве мы собираемся создать простой компонент, который будет..
React Hooks: переход функций от компонентов без состояния к компонентам с сохранением состояния
React Hooks: переход функций от компонентов без состояния к компонентам с сохранением состояния
Некоторое время назад на работе нас попросили создать новый продукт пользовательского интерфейса, и именно тогда я наткнулся на хуки. Раньше я работал с React и компонентами на основе классов, поэтому я немного скептически относился к пробовать хуки с учетом крайнего срока. Но в итоге мы продолжили разработку продукта с использованием функциональных компонентов. И я могу сказать, что очень..
Почему и как заменить useState на useReducer
В React useState — это встроенный хук, который позволяет добавлять состояние к функциональному компоненту. С помощью useState вы можете объявить переменные состояния, которые будут содержать значения, которые могут меняться со временем, и запускать повторную визуализацию компонента при обновлении.
Хук useState принимает начальное значение в качестве параметра и возвращает массив с текущим значением состояния и функцией, которая может обновлять значение состояния. Вы можете..
Формы ввода текста React Native упрощены с помощью хука useReducer
Недавно я хотел создать форму ввода текста, которая выглядит следующим образом:
Основной функционал состоит из следующих функций:
Вставка названия вопроса в текстовый ввод названия вопроса Вставка вариантов ответа для данного вопроса в текстовые поля выбора Создание новых текстовых полей выбора путем нажатия кнопки «плюс»
Я решил, что это хороший вариант использования ловушки useReducer , поскольку мне нужно было динамически создавать обработчики ввода текста и сохранять..
Отлаживайте хуки Reactjs с легкостью !!
Над крючками работаю довольно давно. Я использую перехватчики реакции каждый день в своих проектах с открытым исходным кодом, а также на работе.
Теперь использование useEffect, useCallback, useMemo действительно помогло мне хорошо составить логику. Но когда список зависимостей становится длинным. Когда я говорю «долго», для меня это может быть любое значение больше 3, а для других - более или менее.
С этим большим массивом зависимостей мне было действительно сложно отладить и..
