Директивы в Angular позволяют расширять поведение DOM-элементов: атрибутные директивы меняют внешний вид или поведение элемента, структурные — добавляют/удаляют элементы из DOM. В статье показано, как создать простую атрибутную директиву highlight и структурную директиву condition, даны лучшие практики, альтернативы, чеклисты для ролей и рекомендации по безопасности.
Пагинация и бесконечная прокрутка помогают рендерить большие наборы данных быстрее и экономно по ресурсам. В Next.js с TanStack Query вы можете реализовать оба подхода: useQuery для классической пагинации и useInfiniteQuery для ленточной подгрузки.
Свойство CSS font-family задаёт приоритетный список шрифтов для текста на сайте. Укажите несколько шрифтов через запятую — браузер выберет первый доступный; добавляйте общее семейство в конце как запасной вариант.
drop-shadow создаёт тень по видимой форме элемента, полезен для прозрачных SVG/PNG, сгруппированных и обрезанных элементов. Не поддерживает spread и inset; оставьте box-shadow как fallback для старых браузеров.
Краткое пошаговое руководство по созданию простого To‑Do приложения на чистом JavaScript с манипуляцией DOM и хранением в localStorage. Показываю базовую разметку с TailwindCSS, обработку событий, добавление/редактирование/удаление задач, а также рекомендации по безопасности, тестам и альтернативным подходам.
Эффект печатной машинки реализуют с помощью ширины контейнера, overflow и функции animation-timing-function: steps(). Добавьте отдельную анимацию для мигающего курсора и учитывайте доступность и адаптивность при использовании.
jQuery упрощает создание, настройку и вставку HTML-элементов с помощью функции $(). Вы можете создать одиночный элемент или целое дерево, задать атрибуты, навесить обработчики событий и вставить элемент в документ разными способами.
React Router — библиотека для маршрутизации в одностраничных приложениях на React. Установите пакет, оберните приложение в BrowserRouter, объявите Routes и Route, используйте Link/NavLink для навигации.
В этой статье вы шаг за шагом создадите и запустите первое приложение на React с помощью Create React App, изучите структуру проекта, тесты и сборку для продакшена.
Простой компонент «Копировать» в React экономит время пользователей и снижает количество опечаток. В статье показаны два подхода: нативный Clipboard API и пакет react-copy-to-clipboard, а также практические советы и fallback.
React Suspense и loading.js в Next.js 13 позволяют показывать пользователю информативные загрузочные интерфейсы во время асинхронных операций. В статье есть примеры, шаблоны, чек‑листы и критерии приёмки.
React Context — встроенный инструмент для глобального состояния в приложениях на Next.js 13. В этом руководстве показано, как настроить провайдер контекста, подключить его к app-роутеру и создать простой To‑Do с добавлением, редактированием и удалением задач.
Vite даёт заметно более быструю разработку React‑приложений за счёт нативных ES‑модулей и предварительной сборки зависимостей. Этот материал объясняет, что такое Vite, как быстро запустить проект, когда Vite не подходит, и даёт практическую методологию миграции из create-react-app.
При условном рендеринге одного и того же компонента React может переиспользовать экземпляр и сохранить state. Решения: изменить структуру DOM или задать уникальный key, чтобы принудительно смонтировать новый компонент.
Chakra UI ускоряет создание консистентных интерфейсов в React. В статье показано подключение, переключение темы и реализация формы входа с состоянием, валидацией и обработкой ошибок.
Бесконечная прокрутка загружает контент по мере прокрутки и улучшает UX для лент. В React её можно реализовать через библиотеку, хуки/lifecycle или IntersectionObserver; учитывайте SEO, доступность и виртуализацию.
Слоты в Svelte позволяют встраивать разметку из родителя в дочерний компонент: простые слоты, именованные слоты, slot props и форвардинг. Применяйте слоты для настройки структуры, а props — для передачи данных.
React Router v6 — современная библиотека маршрутизации для React: используйте BrowserRouter или createBrowserRouter, Routes и хуки (useNavigate, useNavigation, useRoutes) для гибкой навигации и обработки 404.
PostCSS позволяет писать современный и экспериментальный CSS сегодня, транспилируя его в совместимый код и подключая плагины для минификации, префиксов и новых синтаксисов. В статье — пошаговая настройка, примеры конфигурации, варианты для фреймворков и контрольный список для команды.
Используйте CSS, чтобы сокращать текст до фиксированного числа строк и добавлять кнопку «Развернуть/Свернуть» без JavaScript. В статье показаны два подхода: WebKit-специфичный метод и гибкий метод с вычислением высоты и градиентом.