142 читали · 3 года назад
Как создать QR-код для сайта
Источник: Nuances of Programming Зависимости Есть множество библиотек для генерации QR-кодов. В данном случае воспользуемся qrcode. Установим пакет с помощью следующей команды: npm i qrcode Настройка компонента Начнем с базового компонента с полем для ввода текста, поскольку нам нужны входные данные для генерации QR-кода. import { useState } from "react";export default function App() { const [text, setText] = useState(""); return ( <div> <input value={text} onChange={(e) => setText(e...
845 читали · 3 года назад
Руководство по применению паттерна Event Bus в архитектуре React
Источник: Nuances of Programming Кратко о целях Как-то в процессе работы я натолкнулся на один интересный пример с Event Bus  —  упрощенный модуль, организующий процесс логирования для аналитики в веб-приложениях глобального масштаба. Он придает большой базе кода предельную ясность. В статье представлены результаты изучения этого эффективного паттерна проектирования. Приступим! Что такое Event Bus? Event Bus  —  это паттерн проектирования, обеспечивающий взаимодействие между слабо связанными компонентами по принципу “публикатор события-подписчик на событие”...