Satisfies в TypeScript

Адам Ракис на примерах объясняет пользу ключевого слова satisfies в TypeScript.

Если коротко, это что-то вроде assert для типов. Представьте, что у вас есть тип с опциональным полем.

type Item = {
  name: string;
  description?: string;
};

function insertItems(items: Item[]) {}

insertItems(
  backendItems.map(item => {
    return {
      name: item.item_name,
      description_new: item.item_description,
    };
  })
);

В этом коде есть неприятный баг. TypeScript смотрит на типы и пытается их пересечь. Из-за опциональности поля description ошибки в коде нет с точки зрения типов. Но если дальше массив в рантайме передаётся с клиента на бэкенд, получим, вероятно, ошибку.

Как словить эту ошибку вовремя? Помимо явного указания типов вообще везде, где только можно вписать тип, можно сделать так:

insertItems(
  backendItems.map(item => {
    return {
      name: item.item_name,
      description_new: item.item_description,
    } satisfies Item;
  })
);

Здесь TS проверит реальное соответствие типу и ругнётся на лишнее поле. При этом автовыведение типов всё ещё работает.

Подробнее — по ссылке.

https://frontendmasters.com/blog/satisfies-in-typescript/

Тренируем алгоритмы — нашёл прикольный визуальный тренажёр с пошаговым выполнением кода.

Тут 70+ алгоритмов на JavaScript, Java и C++, всё красиво и с наглядно.

Забираем

Ну, погоди! Как я создал свою версию культовой игры: от схемы до корпуса / Хабр
https://habr.com/ru/companies/ruvds/articles/923274/

Утилитные TS типы для работы с Promise

Примеры типизации сложных кейсов при работе с Promise.all или вложенными Promise.

https://spin.atomicobject.com/better-promise-all/

Быстрый совет по Linux

При просмотре файла с помощью less нажмите v, чтобы открыть файл в редакторе по умолчанию прямо на той строке, которую вы сейчас просматриваете.

Удобно для быстрого редактирования без выхода из less. По умолчанию редактором обычно является Vi, даже не Vim.

Хорошая идея задать свой редактор в .bashrc или .zshrc вот так:

export EDITOR=nano  
export VISUAL=$EDITOR

@linuxos_tg

Дружелюбное введение в SVG

Джош Камю с хорошим туториалом для новичков по основам SVG. На интерактивных демках показывает, как рисовать линии, прямоугольники, круги, эллипсы и полигоны. Заодно объясняет отличие атрибутов width и height от viewBox. И не только.

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

https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/

ES-toolkit

Новая легковесная альтернатива для lodash с поддержкой типов и улучшенной производительностью.

https://es-toolkit.dev/

Операторы логического присваивания

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

https://allthingssmitty.com/2025/07/28/logical-assignment-operators-in-javascript-small-syntax-big-wins/

70+ докладов для фронтенд-разработчика на все случаи жизни
https://habr.com/p/929626/

Что новенького есть в CSS в 2025 году?
https://habr.com/p/933484/

anton@gmail.com, anton+habr@gmail.com, an.ton@gmail.com — почему всё это один и тот же имейл

https://habr.com/p/934304/

Небольшая шпаргалка по расширенным параметрам в Bash

Более подробно про расширенные параметры можно почитать на официальной странице.

PDF-версия в хорошем качестве — в комментариях

@linuxos_tg

Пара вещей про href в ссылках, о которых вы, возможно, не догадывались

Неожиданный спектр значений атрибута href — от протоколов mailto:, tel: до ссылок вроде href=".", href="?", data:-URI и медиа-фрагментов с временными метками. Мелочи, которые делают поведение ссылок более гибким и полезным.

https://blog.jim-nielsen.com/2025/href-value-possibilities/