react-select — Компонент выбора для React react-beautiful-dnd — Красивое и доступное перетаскивание для списков с помощью React react-dnd — Перетаскивание для React react-grid-layout — Перетаскиваемый и изменяемый макет сетки с отзывчивыми точками разрыва react-table — Легкая, быстрая и расширяемая сетка…
Подробнее the "Превосходные компоненты для React JS" »
Я попробовал несколько способов отображения SVG-изображений в React и хочу поделиться своим выбором. Варианты встраивания SVG-иконок тег img: <img src=»someSvg» alt=»some text» /> Копирование/вставка тега svg в JSX: <svg>…</svg> Импорт SVG как компонента React Преимущества использования SVG в качестве компонента…
Подробнее the "Настройка SVG в React" »
Одним из наиболее используемых компонентов в React, несомненно, являются модальные окна, поскольку они могут использоваться в различных контекстах, от сообщений до ввода данных пользователем. Как и многие другие компоненты в React, можно установить зависимость, которая поможет в этом процессе, однако…
Подробнее the "Как создать модальное окно в React JS" »
Пользовательский интерфейс (UI) веб-сайта или мобильного приложения состоит из множества элементов. Одним из наиболее распространенных являются иконки. Иконки используются практически на всех сайтах, причем в различных стилях. Они являются важным элементом, поскольку улучшают навигацию, объясняют функции и даже могут способствовать…
Подробнее the "5 лучших библиотек иконок для React js" »
Популярная библиотека React UI Material-UI предлагает множество готовых компонентов для создания пользовательских интерфейсов. Одним из этих компонентов является Сheckbox, позволяющий пользователям выбирать один или несколько параметров из списка. Он часто используется в формах или других полях ввода, где пользователь должен…
Подробнее the "React js добавление Сheckbox (чекбоксов) на web страницу" »
Существует несколько различных способов установки React. Для начала я рекомендую один подход, а именно использование официального инструмента под названием create-react-app. create-react-app — это приложение командной строки, предназначенное для того, чтобы в кратчайшие сроки установить React. Команда npx является простым способом…
Подробнее the "Как установить React?" »
Next.js — это фреймворк для создание web-приложений на React с предварительным рендерингом страниц
Подробнее the "Установка Next.js" »
Недавно столкнулся с проблемой вставки простой картинки формата jpg, в рендер компонента React, и по началу я использовал конверторы типа https://onlinejpgtools.com/ для преобразования jpg картинки в кодировку base64, а полученный код использовал в проекте. .searchForm input.loading { background: #ffffff url(‘data:image/gif;base64,R0lGODlhFAAUAOMAAERSXJyirHR6hMzS5KyyvFxibISOlKy2xP///wAAAAAA/…;} Довольно таки топорный метод, учитывая…
Подробнее the "Как импортировать SVG(png|jpg|gif) файл в React JS" »