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


Как сделать индикатор прогресса загрузки в React
С помощью Axios При создании интерактивных приложений пользовательский интерфейс всегда является краеугольным камнем. По возможности всегда оставляйте отзывы о действиях пользователя. Один из распространенных случаев отображения индикаторов загрузки происходит при запросе данных с сервера. Но как вы можете отслеживать ход выполнения ваших запросов на выборку? В этой статье мы рассмотрим, как это легко сделать с помощью Axios . Настройка проекта Я использую..
Как развернуть приложение create-response-app с помощью github-actions
Вот краткое руководство по развертыванию CRA (create-response-app) на страницах GitHub с помощью действий GitHub. Мы создадим рабочий процесс GitHub Action, который запускает команду сборки, а затем развертывает каталог build , помещая его в ветку gh-pages . Настраивать 1. Префиксные URL-адреса URL-адреса страниц GitHub выглядят как user.github.io/repo-name , поэтому нам нужно убедиться, что все наши относительные URL-адреса имеют префикс /repo-name . Используя приложение..
Teabot , чайник, подключенный к Интернету.
Мы любим пить чай и поэтому у нас есть большой чайник, кто-то делает Чайник, мы все пьем чай и все довольны. Ну, почти проблема в том, как узнать, что в чайнике есть чай, сколько чашек чая осталось в чайнике или сколько лет чаю? Чтобы решить эту важную проблему, мы сделали то, что сделала бы любая команда инженеров, и подключили наш чайник к Интернету. Это просто, действительно все, что вам нужно, это 1x USB почтовые весы 1x Малиновый Пи 1x термометр Мы..
Материал пользовательского интерфейса справа налево
Добавьте функцию RTL для своего приложения при использовании пользовательского интерфейса материала. Поддерживаются языки с письмом справа налево, такие как арабский, персидский или иврит. Чтобы изменить направление компонентов MUI, необходимо выполнить следующие шаги. 1. HTML Убедитесь, что для тела установлен атрибут dir , иначе нативные компоненты сломаются: <body dir="rtl"> </body> В качестве альтернативы вы также можете обернуть свое приложение в элемент с..
Создайте клон WhatsApp с помощью Next.js: аватар на боковой панели
Часть 3: Аватар на боковой панели "Исходный код" Установить пользовательский интерфейс материалов yarn add @mui/material @emotion/react @emotion/styled yarn add @mui/material @mui/styled-engine-sc styled-components Создайте компонент ‹Header› с цветом фона, равным белому. Установите отображение равным flex, а затем сделайте изображение профиля и значки с двух сторон, установив для выравнивания содержимого значение space-between . Для ‹UserAvatar› мы добавляем..
R29 имеет *НОВУЮ* адаптивную домашнюю страницу
Эта статья была первоначально опубликована 25 мая 2016 г. На этой неделе наша команда запустила долгожданный адаптивный дизайн домашней страницы. Для нас это очень важно не только потому, что домашняя страница служит входной дверью для нашего сайта и нашего бренда, но и потому, что она запускает наши планы по переводу всех страниц Refinery29 (категории, статьи, слайд-шоу и т. д.) на адаптивный дизайн. . И это не только красиво во всех размерах окон, новая домашняя страница..
Советы по React - Условные выражения
React - одна из самых популярных библиотек для создания интерфейсных приложений. Его также можно использовать для создания мобильных приложений с React Native. В этой статье мы рассмотрим, как различными способами отображать элементы условно. Условно отображаемые элементы Есть несколько способов условного отображения элементов в React. Мы можем использовать условные операторы, такие как операторы if и switch . Если мы переключаемся только между двумя элементами, мы также можем..