Work & Beer Balance

Вольный TLRD пересказ доклада с ReactConf2025 о том как реакту улучшали перф.

Сначала был сделан бенчмарк для измерения:
- В реакт контексте лежит Map c координатами
- Инпуты добавляют туда значения
- Компоненты в цикле пробегают мапу и селектят по пропу оттуда координаты которые используют в своих стилях.
Реакт рендерил это дело 4 секунды

Потом они прогнали это через реакт компайлер
Рендер стал занимать ~1.2 секунды (благодаря мемоизации)

Потом они переписали реакт на сигналы (на графике - React Forest)

И оказалось что компайлер лучше справляется. Они даже взяли сигналы кем-то уже написаные (преактовские?) - non React signals на графике - чтобы убедиться наверняка.

Потом два года они делали React Fir - novel hybrid eager / lazy incremental rendering, суть которого в том что бы икрементально вычислять изменения в доме (т.е. отказаться от vdom) от изменений в стейте.

Получилось быстро, хотя они так и не реализовали все фичи реакта.

И тут они решили положить в контекст стор вместо мапы

Ну, ооокей
https://demian.ferrei.ro/snake

Платка в m2 слот с AI чипом
Жаль на всего 16GB RAM.

в 25 версии node.js появится пакет node:quic
http3 вам о чем нибудь говорит?
4 года вьетнамской войны ушло на то чтобы заделиверить его в ноду

еще альтернативы
https://github.com/jsr-io/jsr

Мне тут на глаза попался продукт со смешным названием
Nvidia Jetson Orin Nano Super Пупер

При этом спека совсем не шуточная:
В этом девайсе скрестили ARM с Nvidia Карточкой Ampere! (1024 CUDA и 32 тензорных ядер)

В итоге получилась штука для запуска AI моделек с 67 INT8 TOPS и очень быстрой памятью (102 GB/s)

Правда памяти этой всего 8GB так что больше чем 8B модельки на ней не запустить, но если вам важна именно скорость (например VLM - Vision Language Models) это отличный вариант.

Стоит кстати всего $249

Для сравнения - NVIDIA AGX Orin 16GB уже обойдется в $2052

Если вдруг по какой-то причине вам надо будет рендерить только css и html без js (ну например - почтовый клиент) то есть такая вот штука Blitz.
Так же он умеет рендерить markdown.

Через раcширения поддерживает - canvas, fetch (для подтягивания ресурсов извне), svg и так далее.

Уже можно попробовать
https://tryandromeda.dev/

А в знали что можно определить был ли ваш модуль импортирован динамически или нет?

// init.js

export function then(resolve, reject) {
   reject('Nope! Import this statically please')
}

Интересное решение от XCENA на эту же тему.

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

Естественно никто кроме него ей пользоваться не сможет. Тем не менее им удалось - это не распаянная память которая в тоже время очень близко к ЦПУ.

Кстати о нем - это in house разработка с тысячами RISC-V ядрами.

Вставляется это чудо в PCIe 6 (модель MX1) либо сразу в два таких сорта (MX1S).

Про софтверную часть ничего не известно, будет ли она работать в роли CUDA устройства или как то иначе. Но было бы интересно иметь такую карточку с 4мя планками 128 GB

Странно, но я почему-то не обнаружил такого готового хука:

 useAsyncEffect(
   async (signal, onAbort) => {
   }
, [params])

на глаза попадается какая-то дичь

Поэтому написал свою наивную реализацию, критика велком

const isAbortError = (e: unknown) => e && typeof e === 'object' && 'name' in e && e.name === 'AbortError';

const useAsyncEffect = (cb: (signal: AbortSignal, onAbort: (cb: () => void) => void) => Promise<void>, deps?: React.DependencyList) => {
  useEffect(() => {
    const controller = new AbortController();
    (async () => {
      try {
        const onAbort = (cb: () => void) => {
          if (controller.signal.aborted) {
            cb();
          } else {
            controller.signal.addEventListener('abort', cb, { once: true });
          }
        };
        await cb(controller.signal, onAbort);
      } catch (e) {
        if (!(isAbortError(e))) {
          queueMicrotask(() => {throw e});
        }
      }
    })();
    return () => controller.abort();
  }, deps);
};

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

LLM в этом смысле нечто новое. Он не делает работу за разработчика, он не страхует его от ошибок, как бы нам не хотелось - он не делает какую-то законченную часть полностью за человека.

Но модель может сделать ее черновой набросок.

Главный момент который постоянно ускользает от наших обезьяньих мозгов - результаты работы LMM не детерминированы и об этом ни в коем случае нельзя забывать когда у нам в голову приходит мысль заменить какие-то инструменты которые защищают от ошибок человеческого фактора (т.е. от не детерминированного поведения человека)

У LLM совершенно другая ниша, в рабочем процессе он имеет самую низкую степень корректности, это самый сырой результат. Инструмент LLM помогает нам начинать не с чистого листа а уже с какого-то теста, которое человек доведет до ума, а автоматика проверит на опечатки.

Может быть в будущем когда LLM будут эффективнее в 50 раз относительно того что мы имеем - пачка конкурирующих сетей сможет достаточно надежно отсмотреть код и даже прийти к консенсусу того как все же правильно и лучше (тем самым компенсируя галлюцинации друг друга). Хотя у меня есть очень серьезные сомнения в том, что LLM могут эффективно вести переговоры друг с другом и договариваться

Как по мне весьма симпатичный UI кит с figma компонентами в придачу
reshaped.so

Не может не радовать наличие десятков готовых компонентов и даже пачки хуков

По информации инсайдеров сотрудникам Google запретили использовать другие AI инструменты, кроме Gemini для задач не связанных с кодом.
Так же менеджеры требуют отчитываться как и где используется AI в рабочих задачах, и поощряется его внедрение в рабочие процессы.

Внутри у них уже есть Cider (агент на базе Gemini) который включает в себя Goose - модель тренированная на внутренних технических данных компании.

Mediabunny - Complete media toolkit

Mediabunny - тулкит для работы с медиа прямо в браузере. Склеивание, перекодирование, комбинирование и тд и тп. В общем, ffmpeg но только в браузере и в виде библиотеки для JS.

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


https://mediabunny.dev/

#development #javascript #media #library

Решил посмотреть видео снятое на DJI Osmo в встроенном плеере windows

Результат убил

#codec #windows #HEVC

Хороший тачпад на ноуте штука очень удобная. Я сам это понял только после того как у меня появился Framework. На Lenovo и HP трэкпады как бы есть, но пользовался ими очень не удобно.

Когда я себе захотел трэкпад я уже точно понимал как огромна эта разница, и мне хотелось что-то уровня тачпада фреймворка.

По мере изучения это темы я узнал много о том, чем технически плохой трэкпад отличается от хорошего.

И много раз видел утверждение о том что пожалуй лучше чем apple-овские трэкпады ничего нет.

Наверное это и стало триггером для меня. Я поставил себе вот - во чтобы то не стало найти такой трэкпад который будет лучше. Ведь утверждения о том что нет ничего лучше, чем то что делает apple еще ни разу не оказались правдой, и вряд-ли в этот раз у нас исключение.

Первое что я начал копать - это кто делает тачпады для фремворка. В целом я нашел несколько прикольных DIY решений, в которых как раз он и использовался (он ведь отдельно продается).

Но честно говоря этот путь тернист, по скольку тачпад этот требует некоторое количество железа до того как его можно будет воткнуть в usb (или по bluetooth), так что как готовое решение я его посоветовать не могу.

Однако, в процессе я нашел кое что более интересное - опенсорсный, сделанный с нуля трэкпад где уже решены все софтовые и железные проблемы. Конечно же там оверкил gпо обеим пунктам это обычно бывает в опенсорс железках, но и при этом он все ещё дешевле чем вариант от apple. И он у меня уже в вишлисте.

https://ploopy.co/trackpad/

P.S. я пообщался с автором этого трэкпада на предмет того - почему там корпус из пластика а не стекла (я очень люблю стеклянные тачпады). В целом он говорит что были у них и такие эксперименты, и он работает если прикрепить стекло до 2х мм сверху, но в виду того штука это скорее эстетическая - решили оставить без него. В теории можно настроить чувствительность и на большую ширину стекла, и он готов мне с этим помочь.

Spec driver development это такая противоположность vibe-coding. Подразумевается строгий процесс разбитый на этапы от планирования к реализации.

На данный момент все AI ide и расширения едины в порыве этот процесс поддержать, а кто-то даже зафорсить. Причем не только в задачах разработки, но и в смежных сферах - вот например расширение для системной аналитики которое делает тоже самое

По ссылке в начале поста можно найти cli тул от команды GitHub который не привязан к конкретной ide, поддерживает несколько разных coding агентов, и, наверное самое интересное - подход при котором план это не один большой монолитный файл а много много маленьких файлов-спецификаций разложенных по директориям. Это позволит здорово экономить контекст

Если вы не первый день пользуйтесь wayland то вам 100% знакома такая утилита как ydotool
Именно благодаря ей другие программы могут управлять мышью, вводом с клавиатуры, и т.п. программно.

Я заметил интересную вещь в репозитории этой тулы - её автор (ReimuNotMoe*) собирается переписать ее с C на JS, используя в качестве рантайма некий Resonance который он сам же и разрабатывает.
Интересно что он так же утверждает что

The RAM consumption (RSS) will NOT exceed 1MB.

Плохая новость - разработка этого рантайма ведется в закрытом репозитории. По крайней мере пока.

Хорошая новость - пока я ее искал я нашел rEFui - "The Retained Mode JavaScript framework" - выглядит весьма интересно.

Удивительно что я о нем раньше не слышал, тут и сигналы и NativeScript и из коробочный HMR, и даже параллельная поддержка как jsx так и шаблонных литералов одновременно
(готовый проект на нем SudoMaker/LoShark-Dashboard )
—
* я вам рекомендую полистать его github, а так же - github.com/SudoMaker
там много годноты

Nikon в свои фотоаппараты добавили возможность криптографической подписи фотографий. К такой фотографии прилагается сертификат сгенерированный фотоаппаратом, позволяющий доказать что фотография не была сгенерированна или отредактирована.

Очень своевременно