📌 Команда дня: оптимизация SVG прямо из CLI

SVG из Figma или Illustrator часто весят в несколько раз больше из-за мусорных тегов и метаданных. Это замедляет загрузку и раздувает бандл. Решение простое — оптимизировать иконки через CLI:

npx svgo logo.svg -o logo.min.svg

➡️ svgo — инструмент для чистки и сжатия SVG

➡️ -o logo.min.svg — сохранить результат в новый файл

💡 После прогонки иконка выглядит так же, но вес может упасть на 30–70%.

Можно оптимизировать сразу папку:

npx svgo -f icons/ -o icons-optimized/

Используйте флаг --multipass для более глубокого сжатия

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

#буст

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

#развлекалово

👋 AI-фишки, которые стоит попробовать

Генерация кода, тестов, рефакторинг и документация — всё в одном репозитории.

➡️ Awesome AI for Programmers — must-have закладка для разработчика.

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

#буст

⚡️ Svelte под капотом

Подборка статей для быстрого понимания, чем Svelte отличается и где он выигрывает:

⭐️ Svelte, Astro, Qwik & Solid: обзор фреймворков

➡️ Обзор топ-фреймворков 2025 года. Почему Svelte остаётся одним из самых лёгких и быстрых.

⭐️ Миграция на Svelte 5 и новый CLI

➡️ Переход без боли, автоматические codemods и новый интерфейс.

⭐️ Обновления Svelte/SvelteKit

➡️ Асинхронные компоненты, Remote Functions и runes с приростом производительности.

⭐️ Svelte 4 vs Qwik

➡️ Технический разбор: компиляция (Svelte) vs Resumability (Qwik), плюсы и минусы.

⭐️ Svelte против React

➡️ Простое сравнение: чем отличается подход Svelte без виртуального DOM от React.

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

#свежак

🧩 Скрытый баг в списке

{items.map((item, index) => (
  <input
    key={index}
    defaultValue={item.name}
  />
))}

На тесте замечено:

— При удалении элемента данные «съезжают» — значения в инпутах не совпадают с item.name.
— Иногда при редактировании одного поля меняется значение в другом.

❓ В чём настоящая проблема? Отвечайте правильным эмодзи 👋

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

#междусобойчик