Публикации по теме 'reactjs'
Создайте индикатор анимированной страницы с помощью хуков в React
Добавление небольших эффектов в приложение может существенно повлиять на пользовательский опыт и удовольствие от использования вашего приложения. Одним из таких маленьких штрихов является анимация индикаторов перелистывания внутри карусели.
Есть много способов анимировать движущийся индикатор снаружи, но как насчет анимации внутри?
Давайте погрузимся и разберемся, как это создать в React, а затем преобразовать в хуки.
Создайте наши круги
Давайте начнем с создания серии кругов...
Проверка Formik на уровне поля
Недавно я перешел с Redux-Form на Formik , в основном из-за проблем с производительностью. Что мне понравилось в валидации на уровне поля в редукционной форме, так это составная валидация на уровне поля, которую можно передать массиву функций валидации.
В редукционной форме вы можете сделать что-то вроде этого. Библиотека будет запускать все функции проверки одну за другой, если предыдущая функция прошла успешно, в противном случае произойдет первая ошибка проверки.
<Field..
Как создать реальное приложение с помощью React и Node (Foal)
В этом руководстве показано, как создать реальное приложение с помощью React и Foal. Предполагается, что вы уже прочитали руководство Как создать простой список дел и обладаете базовыми знаниями о React и Node.
В этом руководстве вы научитесь: - устанавливать соединение с MySQL или Postgres, - предоставлять учетные данные приложению безопасным способом, - создавать модели со многими к одному отношения, – используйте построитель запросов, – создайте интерфейс для тестирования вашего..
Создание компонента реакции ввода тегов с нуля
Пошаговое руководство по созданию простого компонента ввода тегов в React - в Интернете, вероятно, уже есть тысяча таких руководств, но мне пришлось сделать одно из них недавно для ... чего-то, чтобы вы выиграли / пострадали с еще одним из них в Интернете.
Ссылка на окончательное решение: https://codepen.io/jerrylow/pen/mvZZpp
Изменить. Я переместил <input> в список тегов, чтобы входные данные всегда оставались в соответствии со списком тегов, когда это возможно. На..
Советы по реагированию - почему setState асинхронный?
Во-первых, да, он асинхронный. Многие разработчики этого не осознают, но setState является асинхронным. Я знаю, что вызовы setState не выглядят асинхронными, и непреднамеренные вызовы могут привести к некоторым ошибкам.
Это хорошая практика (в React она заложена изначально) откладывать согласование для пакетных обновлений. Лучше делать пакетные обновления, если мы знаем, что их будет несколько. Если у вас есть обработчик кликов в браузере, и оба объекта Child и Parent вызывают..