Публикации по теме 'react-components'


Создайте структуру компонента React в коде VS самым быстрым способом
Это мой самый первый пост на Medium, и я старался быть кратким и ясным. Мы все знаем, что компоненты являются основой любого приложения React. Нет ничего плохого в том, чтобы сказать, что без компонентов наше реагирующее приложение бесполезно или что мы не можем создать реагирующее приложение без использования компонентов. Мы знаем, что есть два способа определить компонент: один — методом компонента класса, а второй — методом функционального компонента. Я не буду писать об этих двух..
Компонент Breadcrumb - React
~ 6 мин. чтения Для любого приложения, особенно для веб-приложения, навигация является важным аспектом и вносит большой вклад в общее взаимодействие с пользователем. Основной и распространенный способ навигации - это хлебная крошка. Как следует из названия, Breadcrumbs позволяет пользователям вернуться к тому месту, где они начали. Привет, ребята, это моя самая первая статья о Medium, в которой я расскажу вам пошаговое руководство по созданию компонента Breadcrumb в React...
Перед использованием контекста React
Несколько месяцев назад я начал использовать React, большинство из нас может понять, как он становится беспорядочным еще до того, как ваше приложение начинает расти, потому что вы склонны продолжать передавать реквизиты, пока они не доберутся до внутренних компонентов, которые в них нуждаются. Хотя это нормально, поскольку именно так работает react, но нам не нужен гигантский код, который сложно поддерживать. обычно мы обращались к библиотекам управления состоянием..
Компонент гибкой авторизации в React с использованием функций
Авторизация во внешнем интерфейсе просто показывает или скрывает что-то. В приложениях React обычным способом обработки авторизации является наличие компонента, который условно отображает своих дочерних элементов в зависимости от некоторого условия авторизации (например, наличия определенного имени входа или определенной роли). Реквизит, реквизит, реквизит Предположим, у нас есть какой-то механизм аутентификации и с помощью хука мы можем получить текущего пользователя: простой..
Реагировать на функциональные и классовые компоненты
Что такое React-компонент? Компонент реакции — это просто функция, которая возвращает элемент, описывающий, что должно появиться на экране. Существует два разных типа компонентов React. Существуют функциональные компоненты и классовые компоненты. Функциональные компоненты Функциональные компоненты — это просто базовые функции. Они возвращают то, что следует добавить в пользовательский интерфейс. Вот пример функционального компонента. В этом примере мы видим, что..
Пошаговое руководство по реализации эффекта пульсации в React
Давайте прямо. Вы слышали о материальном дизайне и хотели бы применить эффект ряби в своих собственных приложениях React. Конечно, есть библиотеки, такие как material-ui, которые уже реализовали их, но вам действительно не хочется использовать одну из них. Вам просто нужен один <Ripple> компонент, который вы можете применить к другим элементам (кнопке, переключателю, элементу списка или чему-то еще). Вот что я создал - реакция-прикосновение-рябь . Он легкий,..
Используйте ссылки в React для создания компонента загрузки
В этой главе вы научитесь использовать ссылки в React. К концу этой главы вы сможете использовать ссылки в существующем приложении таким образом, чтобы это было эффективно и просто. В React мы используем Refs для прямого доступа, управления и взаимодействия с DOM. Прямые ссылки на элементы HTML позволяют нам выполнять задачи, которые обычно встречаются при создании клиентских приложений. Эти задачи включают, но не ограничиваются, манипулирование данными и анализ макета. Мы будем..