Мне часто нужно написать какой-то код для отображения нескольких страниц в одном месте: представьте себе панель конфигурации с несколькими подпанелями. Естественный способ кодирования — использование вкладок.

В этом уроке я буду использовать Svelte для написания простого приложения с двумя вкладками, которое можно легко расширить для управления большим количеством вкладок.

Вызов API (интерфейс прикладного программирования) в JavaScript — это фундаментальное действие, которое веб-разработчики должны знать, как выполнять. Он позволяет получать данные из внешних источников и интегрировать их в ваши веб-приложения.

В этом уроке я шаг за шагом покажу вам процесс выполнения вызовов API в JavaScript. К концу этой статьи вы получите четкое представление о том, как взаимодействовать с API в ваших проектах JavaScript.

useRef может хранить любые изменяемые данные, которые вы хотите сохранить между рендерингами. Это поможет вам избежать повторного рендеринга компонента, когда вы этого не хотите.

Сегодня мы собираемся создать модальный компонент, используя собственный dialog элемент HTML, а также React и TailwindCSS.

Popovers — это важные и часто используемые элементы пользовательского интерфейса, которые раскрывают дополнительную информацию, когда пользователь взаимодействует с назначенным элементом. Примеры профессионального использования всплывающих окон включают раскрывающиеся меню навигации, средства выбора дат и экскурсии во время процесса регистрации.

В экосистеме React эту потребность удовлетворяют многие библиотеки, предлагая различные уровни настройки, стратегии позиционирования и оперативности. В этом подробном руководстве мы рассмотрим пять выдающихся библиотек всплывающих окон и позиционирования для React:

Если речь идет об отзывах пользователей, то звездные рейтинги становятся повсеместным и интуитивно понятным способом выражения своего мнения. В этой статье мы рассмотрим процесс создания динамической системы звездного рейтинга с помощью React. Этот интерактивный компонент позволяет пользователям легко оценивать что-либо по звездной системе и даже выбирать количество звезд.

Давным-давно я оказался в ситуации, когда мне нужно было создать масштабируемую систему, способную обрабатывать сотни одновременных подключений при не очень больших затратах и ​​с разумным, но не мгновенным временем отклика.

Мои первые мысли? Давайте переместим все действия по созданию/редактированию/удалению в очередь и уведомим пользователей об успешности их действий или нет через WebSocket.

Экспериментируя с градиентными границами, я наткнулся на интересную технику - карточки, которые адаптируются к содержимому внутри них. Демонстрацию этого эффекта в действии можно посмотреть здесь.

Когда дело доходит до создания настраиваемых компонентов в Angular, думайте об этом как о рецепте вашего утреннего кофе: у вас есть основа (@Input(), @Output()) и дополнительные компоненты (*ngIf) для создания идеального напитка. Однако чем больше начинки вы добавляете в свой утренний кофе, тем больше ваш компонент становится слишком тесным для вашей базовой бизнес-логики.

При использовании клиента Apollo может наступить момент, когда вы захотите проверить или внести некоторые изменения в свои запросы GraphQL. Именно здесь в игру вступает Apollo Link. Библиотека устанавливает цепочку действий для каждой операции GraphQL, выполняемой клиентом.

Что такое ссылка и как ее создать и протестировать? Давайте разберемся и посмотрим, что происходит.