mo.js — лёгкая библиотека для создания векторных анимаций в браузере. В статье показано по шагам, как настроить CodePen, создать базовые Shape и Burst, сделать реакцию на клики, добавить случайность и ступенчатые эффекты.
Прикрепляемый заголовок остаётся видимым при прокрутке. Реализуйте его через useEffect или используйте библиотеки react-sticky/react-stickynode; не забудьте про UX и доступность.
Redux Toolkit Query (RTK Query) — это встроенный инструмент для выборки и кэширования данных поверх Redux Toolkit. Он упрощает запросы к API, кэширование, обработку ошибок и интеграцию с Redux.
SweetAlert (swal) — лёгкая библиотека для всплывающих уведомлений и модальных окон в React. Устанавливаете пакет, вызываете swal с параметрами (строки или объект), настраиваете кнопки, содержимое и время закрытия.
Быстрая интеграция Grammarly в веб-редактор на React позволяет добавить подсказки по грамматике и стилю. Настройте Client ID в консоли, установите SDK и оберните input/textarea или WYSIWYG‑редактор GrammarlyEditorPlugin.
TypeScript добавляет статическую типизацию к JavaScript, улучшая автодополнение и снижая количество ошибок. Руководство покрывает установку, интеграцию с Webpack, работу с JS-пакетами и поэтапную миграцию legacy-кода.
CSS‑фильтры изменяют пиксели элемента (blur, brightness, hue-rotate и др.), а режимы смешивания управляют взаимодействием слоя с фоном (mix-blend-mode, background-blend-mode). Тестируйте производительность, используйте @supports и резервные варианты для старых браузеров.
В этой статье объяснено, как правильно управлять полями формы в React: от простых текстовых input до textarea и checkbox. Показаны рабочие примеры с единым обработчиком, объяснены распространённые ошибки, даны рекомендации по доступности, тестированию и безопасности.
В статье показано, как подключить React к Firebase Firestore и реализовать CRUD-операции с примерами кода, рекомендациями по безопасности и чек‑листами для релиза.
CSS-переменные позволяют объявлять значения один раз и переиспользовать их по всему стилевому файлу; их можно динамически менять через JavaScript. В статье — синтаксис, var() с fallback, примеры с JS, интеграция с препроцессорами и практические чеклисты.
Слоты в Svelte позволяют передавать разметку из родителя в дочерний компонент, использовать именованные области, передавать данные через slot props и переадресовывать содержимое через обёртки. Выбирайте слоты для композиции UI; для данных используйте props или stores.
Moment.js предоставляет простые функции для форматирования, парсинга и манипуляций с датами в React-приложениях. Однако библиотека в режиме поддержки — для новых проектов рассмотрите более лёгкие альтернативы.
В этой статье показано, как создавать переиспользуемые layout-компоненты в Next.js (pages и app router), когда использовать root layout, и как организовать вложенные layout для сегментов маршрутов. Приведены рабочие примеры кода, чек‑лист миграции и рекомендации по распространённым ошибкам.
В этой статье показаны два подхода к созданию видео‑плеера в React — нативный (HTML5 + хуки) и с помощью сторонних библиотек (ReactPlayer, react-video-js-player и другие). Приведены готовые примеры кода, советы по доступности, производительности, тестированию, совместимости и контрольный список для команды.
Добавление компонента выбора даты (date picker) повышает удобство ввода дат и снижает ошибки. В статье показаны три подхода: нативный input type="date", популярные библиотеки react-datepicker и react-date-picker, а также рекомендации по локализации, валидации, доступности и тестированию.
Покажу простой, надёжный способ рендерить масштабируемую HTML‑таблицу в React, беря данные из JSON‑файла. Примеры кода включают data.json, компонент Table.js и вызов в App.js — готово для использования и стилизации.
Storybook позволяет разрабатывать и тестировать UI-компоненты React в изоляции — без полного приложения. В этом руководстве вы создадите компонент Button, добавите истории и получите практические чек-листы для интеграции и тестирования.
В статье показаны три способа реализации горизонтального слайдера в стиле Netflix: чистый CSS с навигационными стрелками, чистый CSS с горизонтальной полосой прокрутки и комбинация CSS + JavaScript для кнопок прокрутки.
Iconify — удобный набор SVG‑иконок для Vue. Для Vue 3 используйте @iconify/vue для быстрого старта; при проблемах рендеринга или для оптимизации бандла — unplugin-icons и локальные наборы @iconify-json. Не забывайте про доступность и контроль размера бандла.
В Next.js мета-теги и описания добавляют через компонент Head из next/head. Для общих мета-тегов используйте _app.js, для отдельных страниц — Head, для динамики — getStaticProps/getServerSideProps.