📎 5 ESLint-правил, которые реально спасают

1️⃣ eqeqeq — только строгое сравнение

Пример:

if (user.id == “123”) — опасно
if (user.id === “123”) — безопасно

Двойное равенство делает скрытые преобразования типа:

0 == “0” → true

2️⃣ no-implicit-coercion

Пример:

const str = “” + value — неявное приведение
const str = String(value) — явно и понятно

3️⃣ no-unused-vars + no-undef

Ловят опечатки до запуска:

const userName = “Alex”
console.log(usrName) — ESLint сразу найдёт ошибку

4️⃣ no-console

console.log(“ДЕБАГ!!!”, userData)

Если забыть убрать — может утечь чувствительная информация в продакшене

5️⃣ prefer-const

let config = {…} — переменная не переназначается

ESLint подскажет заменить на const

Если нужно — могу сделать версию ещё короче (в один экран).

🔥 Тот же кейс, но с TypeScript

function processPayment(amount: number) {
  api.charge(amount)
}

processPayment(«100»)

// string is not assignable to number

P.S. Если не готовы к TS — начните хотя бы с этих 5 правил.

🐸 Библиотека фронтендера

#code_battle

📋 Копирование в буфер обмена в 2025

Clipboard API — стандарт. document.execCommand() deprecated с 2020.

✅ Поддержка: Chrome 66+, Firefox 63+, Safari 13.1+, Opera 53+

⚠️ Различия между браузерами:

Chrome/Edge:
— User gesture не требуется
— Работает только в активной вкладке

Firefox/Safari:
— Требуется user gesture (клик/тап)
— Вызов должен быть в обработчике события

🔜 Общие требования:

— Только HTTPS (или localhost)
— Для readText() требуется разрешение

🔜 Где использовать:

Кнопки «Скопировать код», промокоды, токены, ссылки

💡 Вызывайте копирование в обработчике клика — работает везде.

🔹 Основы IT для непрограммистов
🔹 Получить консультацию менеджера
🔹 Сайт Академии 🔹 Сайт Proglib

🐸 Библиотека фронтендера

#readme

🎛 TypeGPU — новый уровень работы с WebGPU

TypeGPU — модульный toolkit от Software Mansion для написания шейдеров на TypeScript с типовой инференцией.

➡️ Главные фишки:

🎥 Шейдеры на TypeScript с автодополнением и строгими типами. Никаких несоответствий между CPU и GPU частью.

🎥 Модульная архитектура — используйте только нужные компоненты без лишнего boilerplate.

💡 Пример использования:

Нужны параллельные вычисления на GPU? Описываете логику на TypeScript → TypeGPU генерирует оптимизированный GPU-код с корректными биндингами.

🔵 Кому зайдёт:

— WebGL/WebGPU разработчикам, уставшим от шейдерных багов

— Разработчикам игр и визуализаций

— Фронтенд-разработчикам, которые хотят использовать GPU без боли

🔗 Ссылка на GitHub

🐸 Библиотека фронтендера

#stack

Обожаю это чувство, когда всё работает… кроме Cloudflare, без которого не работает ничего 🥺🥺

🐸 Библиотека фронтендера

#pixel_pause