DevGang
Авторизоваться

Как добавить в свой проект тестирование снимков экрана с помощью Cypress

Разработчики обычно озабочены качеством своего кода. Существуют различные виды тестов, которые помогают нам избежать нарушения кода при добавлении новой функции в проект. Но что мы можем сделать, чтобы компоненты не менялись со временем?

Как добавить плейлист YouTube в приложение Next.js React с помощью YouTube API 

YouTube предоставляет создателям контента массу инструментов, чтобы добавить свои работы на всеобщее обозрение. Как мы можем использовать API YouTube для размещения нашего видеоконтента на нашем веб-сайте?

content-visibility: новое свойство CSS, повышающее производительность рендеринга

Свойство content-visibility, запускаемое в Chromium 85, может быть одним из наиболее эффективных новых свойств CSS для повышения производительности загрузки страниц. content-visibility позволяет агенту пользователя пропускать работу по визуализации элемента, включая макет и рисование, до тех пор, пока она не понадобится. Поскольку рендеринг пропускается, если большая часть вашего контента находится за пределами экрана, использование свойства content-visibility значительно ускоряет первоначальную загрузку пользователя. Это также позволяет быстрее взаимодействовать с экранным контентом. Довольно аккуратно.

В нашей демонстрационной статье применение content-visibility: auto к фрагментированным областям содержимого дает прирост производительности рендеринга в 7 раз при начальной загрузке.Читайте дальше, чтобы узнать больше.  
В нашей демонстрационной статье применение content-visibility: auto к фрагментированным областям содержимого дает прирост производительности рендеринга в 7 раз при начальной загрузке.Читайте дальше, чтобы узнать больше.  

Как разрабатывать и внедрять микро-фронтенды с Single-SPA

Микро-фронтенды - это будущее интерфейсной веб-разработки.

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

Мониторинг производительности с Lighthouse CI

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

4 способа объединения строк в JavaScript

Вот 4 способа объединить строки в JavaScript. Мой любимый способ - использовать строки шаблонов. Почему? Поскольку он более читабелен, нет обратной косой черты для экранирования кавычек, нет неудобного разделителя пустого пространства.

Как включить и использовать новые встроенные команды SSH в Windows 10

Microsoft объявила, что в 2015 году представит интегрированный клиент OpenSSH для Windows. Они наконец-то сделали это, и SSH- клиент спрятан в Windows 10 Fall Creators Update. Теперь вы можете подключиться к серверу Secure Shell из Windows без установки PuTTY или любого другого стороннего программного обеспечения.

Элегантное решение для утечек памяти в React 

При работе с асинхронными вызовами, например вызовами API, вы могли столкнуться с этой ошибкой:

Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.

Использование Trello в качестве супер простой CMS

Иногда наши сайты нуждаются в небольшом распределении управления контентом. Рынок CMS процветает благодаря недорогим и доступным продуктам, поэтому у нас не мало вариантов. К счастью, это совсем другой мир, чем тот, который раньше заставлял компании выплескивать ga-jillionty-один доллар(не точная стоимость: я округлил до ближайшего bazillion) для полностью персонализирующей платформы big-enterprise-certified ™ CMS.

Однако иногда приятно использовать действительно простой инструмент, с которым любой, кто обновляет контент на сайте, уже знаком, вместо того, чтобы разбираться с новой CMS. 

Мне очень нравится Trello для управления идеями и задачами. И у него есть API. Почему бы не использовать его в качестве источника контента для веб-сайта? Я имею в виду то что, если мы сможем сделать это с Google Sheets, то что мешает нам попробовать другие вещи?

Топ 10 библиотек машинного обучения JavaScript

JavaScript - самый популярный кроссплатформенный язык со зрелой экосистемой Node Package Manager (npm) среди веб-разработчиков. Согласно последнему отчету TIOBE Index, JavaScript является 7-м наиболее предпочтительным языком среди 20 популярных языков программирования, используемых разработчиками. 

Здесь мы перечисляем лучшие машины и библиотеки глубокого обучения в JavaScript.

Присоединяйся в тусовку

Поделитесь своим опытом, расскажите о новом инструменте, библиотеке или фреймворке. Для этого не обязательно становится постоянным автором.

Попробовать

В этом месте могла бы быть ваша реклама

Разместить рекламу