Что там новенького в ES2026 👀

30 июня Ecma ратифицировала ES2026 — семнадцатую редакцию спецификации, в которой представили семь новых фич.

Начнём с той, которую обсуждают меньше остальных. А зря...

Math.sumPrecise

Классическая ошибка в JS:

const cents = Array(10000).fill(0.1);

cents.reduce((a, b) => a + b);
// 1000.0000000001588

Или версия пожёстче:

[1e20, 0.1, -1e20].reduce((a, b) => a + b);
// 0

0.1 просто исчезла. 1e20 + 0.1 теряет дробную часть из-за ограниченной точности IEEE-754. В итоге после вычитания остаётся 0.

Теперь:

Math.sumPrecise([1e20, 0.1, -1e20]);
// 0.1

Внутри используется алгоритм Шевчука. Он складывает числа так, как будто считает в точной математике, и округляет только финальный результат.

Но вот что стоит знать до того, как побежите менять все reduce в проекте:

🔴 Math.sumPrecise не исправляет проблему 0.1 + 0.2. Math.sumPrecise([0.1, 0.2]) по-прежнему вернёт 0.30000000000000004. Дело в том, что сами числа 0.1 и 0.2 уже хранятся в памяти не совсем как математические 0.1 и 0.2. Новый метод исправляет накопление ошибок при суммировании, а не способ представления чисел.

🔴 Math.sumPrecise ожидаемо работает медленнее обычного сложения.

🔴 На момент написания поста типов в lib.es*.d.ts ещё нет, в репозитории TypeScript висит issue. Поэтому пока остаются два варианта: расширить интерфейс Math самостоятельно или подождать.

🔴 Math.sumPrecise уже доступен в Baseline 2026. Для старых браузеров можно использовать полифиллы core-js или es-shims (math.sumprecise).

Хотите, разберём остальные новые методы JS на практике? Пишите в комментариях, что рассмотреть следующим 🔽

#af_hard

❤️ Больше рассказываем о работе в IT и Digital в канале Alfa Digital

Рассказываем про Zustand 🔥

Основным стейт-менеджером в Альфе является Redux. Но мы часто пробуем что-то новое, и однажды наш взгляд упал на Zustand.

Zustand — крошечный state manager, который можно использовать не только с React. У него небольшой вес и почти полностью отсутствует boilerplate.

const useBear = create((set) => ({
    bears: 0,
    updateBears: (newBears) => set({
        bears: newBears
    }),
}))

Всего пару строк кода, а у вас уже есть стор и хендлер к нему, просто и понятно.

▶️ Как мы мигрировали с Redux на Zustand

Миграция проходила поэтапно. Удаляем один Redux-слайс, добавляем один Zustand-стор, так по очереди.

Сторы в Zustand независимы, поэтому внедрять его можно отдельными «островками». Это позволяет мигрировать плавно и без больших затрат.

Вопрос middleware тоже решился просто, есть множество существующих решений, а написать свои не составило труда.

С отладкой все максимально понятно, так как Zustand использует devtools от Redux.

▶️ Что показали замеры

По итогам наших замеров, Zustand показал себя на 72% быстрее Redux. Речь идёт о микросекундах, проект был небольшим. Поэтому с ростом проекта разница может стать заметнее.

▶️ Как восприняла команда

Поначалу Zustand кажется слишком простым для enterprise-проектов.

Но разработчики быстро оценили его подход. Функциональности хватает для разных задач, а сам инструмент поддерживает асинхронные экшены и готовые или кастомные middleware.

В итоге Zustand стал частью наших проектов и стандартов.

А что используете вы на своих проектах? 🔽

#af_hard

❤️ Больше рассказываем о работе в IT и Digital в канале Alfa Digital