🔗 Что почитать

🎥 Список уровней производительности веб-анимаций

Какие веб-анимации быстрые, какие тормозят браузер, и почему безопаснее всего анимировать transform и opacity. Помогает быстро выбирать плавные анимации без лишней нагрузки.

🎥 Не используйте useTransition повсюду

Когда useTransition реально улучшает плавность интерфейса, а когда только усложняет код.

🎥 Что произошло за последнии пару лет с GC в V8

Какие идеи позволили сделать сборку мусора быстрее и менее заметной для пользователя.

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

#read_watch

😮 Visual Types: типизация через картинки

Вместо чтения про "Union type позволяет переменной быть одним из нескольких типов" — видишь схему, и всё сразу понятно.

🔤 Что покрывает:

Примитивы, объекты, массивы, Union/Intersection типы, дженерики — все базовые концепции.

Полезно для начинающих в TypeScript или тех, кто запутался в терминологии.

🔗 Ссылка на гид

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

#readme #ts

🔥 Выучи математику за 60 дней!

Чем важна математика расскажет Мария Тихонова - кандидат компьютерных наук, руководитель исследовательского направления SberAI, доцент факультета компьютерных наук и преподаватель НИУ ВШЭ на курсе «Математика для Data Science» от Proglib Academy.

👀 Мария - человек, который реально работает с LLM и делает так, чтобы модели понимали человеческую речь, а не делали вид.

Что еще внутри курса:

- живые вебинары, на которых можно задать вопросы спикерам
- доступ к материалам в записи, если не успели на лекцию и чат
- 3 задания с практикой на Python и финальный проект с подробной обратной связью от экспертов курса
- актуальные знания: программа разработана в ноябре 2025г.
- программа без воды - 2 месяца только самого нужного для старта
- для старта нужны всего лишь знания школьной математики и основы Python
- скидка 40% до 30 ноября
- если оплатить до конца ноября, получите курс «Базовая математика» в подарок

👇👇👇
Записаться на курс

📎 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