Отключение нескольких правил ESLint в одном комментарии

Периодически бывают ситуации, когда для конкретных участков JS-кода нужно отключить линтинг. Сделать это можно так:

— для следующей строки кода

// eslint-disable-next-line no-return-assign
( your code... )

— для текущей строки

( your code... ) // eslint-disable-line no-return-assign

— для блока кода

/* eslint-disable no-return-assign */
( your code... )
/* eslint-enable no-return-assign */

В перечисленных примерах мы отключаем одно правило — no-return-assign. Но что, если нам нужно отключить несколько правил помимо no-return-assign, например, no-param-reassign? Ответ прост: нужно просто перечислить их через запятую. Примеры:

— для следующей строки кода

// eslint-disable-next-line no-return-assign, no-param-reassign
( your code... )

— для текущей строки

( your code... ) // eslint-disable-line no-return-assign, no-param-reassign

— для блока кода

/* eslint-disable no-return-assign, no-param-reassign */
( your code... )
/* eslint-enable no-return-assign, no-param-reassign */

Подробнее о конфигурировании правил читайте здесь

#кодинг
#js
#eslint

🛠 Medusa — бесплатный опенсорсный аналог Shopify с настраиваемым headless-движком, полезный для всех, кто работает в сфере электронной коммерции.

WebDEV #инструменты #js

Решение проблемы с аудио на macOS/iOS

https://stackoverflow.com/questions/54047606/allow-audio-play-on-safari-for-chat-app

#кодинг
#js
#macOS

7 интересных API на JavaScript для создания веб-сайтов, о которых вы (скорее всего) не знали

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

https://habr.com/ru/post/718712/

#js #education #ru

💬 Чат фронтендеров

JavaScript справочник

1loc.dev - это справочник с готовыми сниппетами кода.

В нем куча готовых решений!
Например таких, как:
- проверка, что дата является выходным днем
- проверка, что путь является относительным
- добавление определенного суффикса к числу
и многие другие.

Ссылка 

#js

Адаптивный и многоязычный компонент футера для Vue 3: создание и использование

Вы занимаетесь блогингом или созданием контента на нескольких языках? Или у вас есть множество социальных медиа-аккаунтов, которыми вы хотите поделиться? Тогда вам понравится этот адаптивный и многоязычный компонент футера для Vue 3!

https://habr.com/ru/post/726242/

#js #vue #ru

💬 Чат фронтендеров

Pinia scoped store

На сегодняшний день все стейт-менеджеры экосистемы Vue предоставляют глобальное централизованное хранилище, привязанное к корню приложения. Однако у текущей системы есть одно важное ограничение - глобальные модули стора не позволяют создавать независимые состояния для инстансов одного компонента/модуля.

https://habr.com/ru/articles/726452/

#js #vue #ru

💬 Чат фронтендеров

Представляем вам Vue 3.3

В этом посте представлен обзор основных возможностей версии 3.3. Для получения полного списка изменений, пожалуйста, ознакомьтесь с полным журналом изменений на GitHub.

https://habr.com/ru/articles/735086/

#js #vue #ru

💬 Чат фронтендеров

Как yarn v3 и философия Zero Installs помогли нам сократить длительность ci/cd пайплайна в 3 раза

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

https://habr.com/ru/companies/kts/articles/735104/

#js #ru

💬 Чат фронтендеров

How to Deploy Strapi MySQL on a Traditional Hosting Provider

https://dev.to/strapi/how-to-deploy-strapi-mysql-on-a-traditional-hosting-provider-25l4

#coding
#js
#strapi

react-query vs SWR и избавимся ли мы от Redux?

Давайте сначала познакомимся с обоеми библиотеками, чтобы сравнить их и убедиться, что лучше. react-query и SWR — это две популярные библиотеки для управления состоянием данных в React-приложениях. Они обе предназначены для облегчения работы с данными, получаемыми с сервера, но имеют некоторые различия в функциональности и подходах.

https://habr.com/ru/articles/758360/

#js #react #ru

💬 Чат фронтендеров

Шаблоны проектирования JS полный гайд

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

Ссылка

#js

​rxdb – быстрая, локальная БД для JavaScript приложений.

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

⤷ Ссылка на проект

GitHub | #Interesting #JS #DB

Download an Entire Webpage with JavaScript, Including Inline CSS

https://medium.com/@neog.anupal101/download-an-entire-webpage-with-javascript-including-inline-css-d38866544c5a

#coding
#js

Scaling WebSocket Connections using Shared Workers

https://dev.to/ayushgp/scaling-websocket-connections-using-shared-workers-14mj

#coding
#js
#websocket

AbortController для отмены запросов при смене страницы (SPA)

https://habr.com/ru/articles/746740/

#coding
#js

Sharing WebSocket Connections between Browser Tabs and Windows

https://brightinventions.pl/blog/sharing-websocket-connections-between-browser-tabs-and-windows/

#coding
#js