Публикации по теме '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 вызывают..