TokenToad: как я сделал Chrome-расширение, чтобы перестать удивляться счетам за AI
Расходы на AI API копятся незаметно: сессия Claude Code тут, batch к GPT-5 там — и к концу месяца биллинг удивляет. Собрал бесплатное Chrome-расширение, которое показывает траты Anthropic, OpenAI и Gemini в реальном времени прямо в badge браузера.
https://habr.com/ru/articles/1031890/
#chrome_extension #ai_api #openai #anthropic #claude #расходы_api #токены #биллинг #preact #vite
#Development #Explainers
Signals, the push-pull based algorithm · How push-pull powers modern reactive frameworks https://ilo.im/16blr0
_____
#Signals #Frameworks #Angular #Preact #Solid #Svelte #Vue #WebDev #Frontend #JavaScript
We have been using Signals in production for years via several modern front-end frameworks like Solid, Vue, and others, but few of us are able to explain how they work internally. I wanted to dig into it, especially diving deep into the push-pull based algorithm, the core mechanism behind their reactivity.
Reactive Route — новый роутер для разных фреймворков и реактивных систем в 2 КБ
Я не OpenSource разработчик, но за пару десятков лет написал под сотню enterprise-level библиотек, которые остаются в рабочем контуре, дорабатываются под каждый проект и адаптируются к новым технологиям. Большого смысла выходить в OSS не было, кроме как для упрощения обучения коллег и единого места хранения документации. Но и желание помогать другим и делиться выстраданными подходами, экспертизой и конкретным кодом мне не чуждо - сегодня поможешь ты, завтра - тебе. Через полгода подготовки и адаптации к OpenSource (сам использую и дорабатываю около 8 лет) в свет выходит одна из библиотек моего рабочего контура - Reactive Route . Так как я работаю с проектами на разных стеках, стараюсь писать код максимально framework-agnostic - независимыми слоями, которые можно заменить или переписать, не трогая остальной код проекта. А к фреймворкам и библиотекам для работы с состоянием они подключаются с помощью легковесных адаптеров, сохраняя синтаксис работы. Конкретно для Reactive Route выложил набор готовых адаптеров в комбинациях, которые сейчас чаще всего использую: - React + MobX / Observable - Preact (no compat) + MobX / Observable - Solid.js + нативная реактивность / MobX / Observable - Vue + нативная реактивность В одном npm-пакете - строгая TS-типизация, SSR / MPA / no-JS / Widget режимы и тщательно протестированная отказоустойчивость. В статье не буду пересказывать документацию на русском и английском , а поговорю скорее про общие принципы качества, использование ИИ в разработке и почему многие библиотеки раздуваются, не успев даже стабилизировать ядро. Читать
Okay #frontend folks:
I wrote UIs before React. I leaned into React hard early on, because it matched my mental model for UIs. I don't want to do React anymore.
**In your opinion what's the next best direction for building UIs?**
My goal is to simplify the process of writing and managing accessible interactive components with as little overhead as possible.
Boosts and wildly unpopular opinions welcome.
Vibing with the Agent Control Protocol
Although most of my actual work happens inside a terminal, I have been wanting an easy way to talk to the newfangled crop of AI agents from my iPhone.(...)
The high freshmen highschool kiddo's took the #PreACT last semester and received their scores this week.
One of them, who thinks he's not as intelligent as he actually is (compares himself to his twin....) did better then average and had some surprising strengths.
The other one scored the second highest in the school.
We are proud of them both! 🤘
Preact 11 Beta Introduces Hydration 2.0, Default Ref Forwarding, and Modernized Bundling, by @infoq.com:
Uhhh..... #Preact 11 will bring some nice features:
Habr
Daniel Beutner 🇺🇦 🌈#noafd
Inautilo
Ash K
Ryan
Tao of Mac
Shane Rogers
Frontend Dogma