Публикации по теме 'react'
Как использовать Bootstrap в React — использование пользовательских цветов
Bootstrap — самая популярная платформа для создания красивых мобильных веб-сайтов, а ReactJS — самая популярная библиотека для создания многофункциональных пользовательских интерфейсов. Использование их вместе может быть немного сложным, но к концу этого руководства у вас будет шаблонный проект ReactJS, который успешно использует Bootstrap.
TLDR;
Я знаю, что вы, вероятно, не будете читать каждое слово этого поста, поэтому, если вы ленивы и просто хотите получить результат, клонируйте..
Реагировать на хуки маршрутизатора
Речь идет об хуках useHistory, useLocation, useRouteMatch и useParams.
Самая популярная библиотека в React для обработки маршрутизации — React Router. С выпуском React 16.8 и React Hooks в React Router также появились хуки, упрощающие доступ к состоянию маршрутизатора и выполнение навигации.
В этой статье мы рассмотрим около 4 хуков, включенных в React Router API, которые включают следующее:
история использования использованиеМестоположение использование RouterMatch useParams..
HTML-кнопки стали слишком дорогими
Итак, вы решили создать одностраничное приложение всего с одной кнопкой, используя Angular, React или Vue и некоторую библиотеку компонентов пользовательского интерфейса. Звучит здорово! Давай сделаем это дерьмо.
Но есть проблема. Добавление одной кнопки на страницу может оказаться намного дороже, чем вы думаете. Попробовав некоторые из самых популярных библиотек компонентов, я был удивлен тем, насколько может увеличиться мой окончательный размер пакета.
Реагировать
Размер пакета..
Как загрузить и протестировать встроенный скрипт с помощью Custom Hook, Vitest и библиотеки тестирования React
Встроенный скрипт — это скрипт, встроенный в HTML. Помните, что у реакции есть один сценарий…… поехали
Тестирование приложения, безусловно, является утомительной практикой, и требуются часы здесь и там, чтобы получить PASS, особенно для сложных приложений. Что касается меня, я наткнулся на тестирование, когда работал над платежным шлюзом NPM на основе React…
Заблуждения о языке Javascript · Xam React CoE
Заблуждения о языке Javascript · Xam React CoE
Разоблачение распространенных заблуждений, ошибочных убеждений и неправильного использования языка NodeJS/Javascript/Typescript.
📢 Целевая аудитория
Инженеры-программисты NodeJS/Javascript/Typescript и разработчики js/ts утилит и плагинов для линтинга.
ℹ️ Введение
Слишком часто я вижу неправильное использование языка js/ts, основанное на одном или нескольких из:
Непонимание языка. Введено в заблуждение чрезмерно самоуверенными..
Advanced Redux: асинхронные действия с Redux Thunk
На данный момент мы изучили основы Redux и то, как интегрировать его в приложение React. В этом руководстве мы делаем еще один шаг в мир асинхронных операций. Давайте рассмотрим Redux Thunk, промежуточное программное обеспечение, которое позволяет нам иметь дело с асинхронной логикой в наших действиях Redux.
«Простота — необходимое условие надежности». — Эдсгер В. Дейкстра
1. Проблема асинхронных действий
Во многих приложениях вы столкнетесь со сценариями, в которых..
Функциональные компоненты с отслеживанием состояния в React
Обновление . Поскольку крючки широко распространены, вам не следует применять этот шаблон. Вместо этого вам следует использовать крючки.
Несомненно, самый большой источник путаницы для начинающих разработчиков JavaScript - это ключевое слово this . Это потому, что даже если вы ожидаете, что this будет представлять объект, из которого он вызывается, это не всегда так.
Понять, какую ценность принимает это , не так уж сложно. И действительно, единственный раз, когда вы должны..
