Розробка третьої хвилі

Я раніше писав про LiveStore. Побачив, що їх підтримав продукт 0.email і побіг дивитись, що це за сервіс. Виглядає гарно та цікаво, але якщо більше 1 емейлу — то підписка буде 20$. І така думка виникла. Я ніби не проти платити 20$ підписки за AI-enabled продукт, який приносить користь, але це починає виглядати ще напряжніше, ніж мати декілька підписок на стрімінгові сервіси. 20$ на це, ще 20$ на щось інше, якась сума на умовний Discord, Cursor, Zed, Claude Code, Notion і так далі. І ніби очевидно, що такий бізнес мусить якось заробляти, але хотілось би, щоб було більше можливостей використовувати локальні LLM або навіть якісь self-hosted чи просто API-ключ з провайдера. І тоді, наприклад, платити не 20$, а 5$. Не знаю, чи в таку сторону будуть зміни, але було б цікаво.

Зараз бачу все більше open-source репозиторіїв в форматі монорепо. І більшість з них користуються Turborepo. Я теж. І за більше ніж пів року використання я дуже навіть задоволений. Це суттєво спростило роботу, повидаляв concurrently і тд, просто наконфігурив turbo.json. Досить розумно кешує білди, простіше для розуміння людям які не займаються проектор а лиш запускають його локально. Зручно запустити одну команду, а він збілдиться все що мало зміни перед цим і тд. Тому ще раз, рекомендую. NX так і не користувався, вибрав Turborepo бо цього вистачало з головою.

Я раніше декілька разів писав про різні offline-first (ну чи local-first) теми, особливо про Ink & Switch. Зараз під руку потрапив цікавий блог від розробників offline-first редактора з функцією колаборації. Але цього разу не хочу виділяти основний мотив статті, хіба що можу основну думку коротко розповісти. А полягає вона в тому, що (на думку автора) поки що немає алгоритмів, щоб мерджити конфлікти в змінах текстових файлів так, щоб контент продовжував мати сенс для людини. Я хотів поділитись цією статтею, бо там дуже багато посилань на різні дослідження і т.д., і якщо вам, як і мені, цікава ця тема — то рекомендую прочитати хоч якісь з них. До речі, в статті є одне інтерактивне питання — змогли відгадати відповідь? https://www.moment.dev/blog/lies-i-was-told-pt-1

Про Effect, гарно пояснено, щей державною мовою, мені було дуже цікаво послухати: https://www.youtube.com/watch?v=-O3ivVJuyfQ

Нарешті потестив, була гарна можливість. Все найс, лиш є біда (на скріншоті). Тому замінив на unbuild 👌

Не питайте мене про геополітику…. (Замазав назви від гріха подальше)

Скільки ж часу їм це зайняло, але нарешті є. До речі, хтось щось чув про Flow останнім часом 🙃? Той що фейсбучна альтернатива для типізації https://nodejs.org/en/blog/release/v22.18.0#type-stripping-is-enabled-by-default

Чи мають проєкти з локальними LLM шанс на життя? Недавно зловив на реддіті рекомендацію цікавої десктоп апки — називається Hypernote. Це такий AI-enabled нотатник, який працює локально. Йому згодовується аудіо сигнал напряму, і з локальною LLM він це конвертує в нотатки. І тут цікаво насправді: розробники пішли особливим шляхом, бо (1) продукт може мати дуже щедрий free tier, оскільки це апка, яка працює локально — не потрібно тратити гроші на серверну інфраструктуру для LLM і т.д.; (2) вони вибрали Tauri, думаю, щоб мінімізувати розмір бандлу (зараз 58 МБ), і схоже, чимало коду написано на Rust. Ну цікаво, можливо трохи буду тестувати і заглядати в код. Поки доступно тільки на macOS, але обіцяють підтримку Windows. https://hyprnote.com/

Чи мають проєкти з локальними LLM шанс на життя? Недавно зловив на реддіті рекомендацію цікавої десктоп апки — називається Hypernote. Це такий AI-enabled нотатник, який працює локально. Йому згодовується аудіо сигнал напряму, і з локальною LLM він це конвертує в нотатки. І тут цікаво насправді: розробники пішли особливим шляхом, бо (1) продукт може мати дуже щедрий free tier, оскільки це апка, яка працює локально — не потрібно тратити гроші на серверну інфраструктуру для LLM і т.д.; (2) вони вибрали Tauri, думаю, щоб мінімізувати розмір бандлу (зараз 58 МБ), і схоже, чимало коду написано на Rust. Ну цікаво, можливо трохи буду тестувати і заглядати в код. Поки доступно тільки на macOS, але обіцяють підтримку Windows. https://hyprnote.com/

Кожен знає такого QA

Натрапив на цікавий CLI для того, щоб створювати проєкти з темплейтів — називається Better T Stack. Особливість у тому, що можна використати веб-білдер, і там прям багато опцій. Схоже, що білдер досить часто оновлюється. А ще — вибір однієї опції підсвітить, які з інших опцій стають недоступними. Ось коротке відео з оглядом: https://www.youtube.com/watch?v=MGmPTcgJYIo Бачу, що в репозиторії повно темплейтів, тому важко сказати, наскільки вони залишаються актуальними. Але для пет-проєктів точно зручна штука. https://better-t-stack.dev/new

Думаю, більшість мала чути про Biome — лінтер та форматтер, альтернативу ESLint на Rust. Але чи чули ви про GritQL? Бо саме цей інструмент і використовує Biome для плагінів та пошуку. GritQL — декларативна query language, створена для пошуку, лінтингу та модифікацій коду. Вся фішка в синтаксисі, бо будь-який кусок коду — це вже валідна квері. Але можна робити набагато більше, особливо для заміни одного коду на інший, перейменування функцій і т.д. Простий приклад:

console.log("User logged in");
console.log("Error happened");

console.log($msg) => logger.info($msg)

logger.info("User logged in");
logger.info("Error happened");

Ну і, як неочікувано, GritQL написаний на Rust. (Але це, звісно, не панацея. В мене інколи Biome починає їсти всі наявні ресурси)

Компанія видає такий мерч Ваші дії?

Думаю, більшість чула про Radix — набір headless-компонентів від WorkOS (насправді від команди, яку вони до себе приєднали; ті раніше займалися компонентами). Там зараз не дуже оновлюється, і є багато старих багів, хоча я особисто не стикався, але вони є в issues. Ну, коротше, деякі з людей, які колись робили Radix, зараз створюють новий headless-набір, який називається BaseUI. Він ще в бета-версії, але активно розробляється. Ще обіцяють максимально схоже API до Radix, щоб було легше мігрувати. https://base-ui.com/ Але цей пост я пишу не тільки заради BaseUI. На додачу ділюся стилізованими компонентами на основі BaseUI — називається 9UI. Їх порекомендував сам розробник BaseUI. По суті, це те саме, що shadcn, але з іншим headless-пакетом. Встановлюється так само, через shadcn registry. Не порівнював кількість компонентів тощо, але це й не обов’язково — за бажанням можна встановлювати окремі компоненти з різних registry без проблем. Загалом, для нових проєктів можна пробувати, і я напевно буду на пет-проєктах гратися з цим. https://www.9ui.dev/

Пригадую, як колись давно-давно клав зірочку на репозиторій React Helmet. Потім через якийсь час так само клав її на React Helmet Async — довелося мігрувати. Але й Async-форк не оновлюється вже більше року і блокує апгрейд на React 19. Мігрував на сучасне рішення під назвою Unhead. Там підтримка не тільки React, а й багатьох інших рушіїв. А можна й взагалі без жодного — просто викликати функції будь-де. Гарна документація, справді. Є приклади, хоч я зустрів один застарілий. Пакет досить активно підтримується і має зрозумілий API. Можу рекомендувати! https://unhead.unjs.io/

Не встиг про це написати, але там Emil відкривав доступ до свого курсу з анімації. На жаль, щоб взяти цей курс тим, хто не встиг, потрібно почекати, поки знову відкриється реєстрація. Не знаю, чому він вибрав такий підхід, але виглядає, що курс оновлюють час від часу і відкривають на певний період. Курс не лайв, можна пройти в будь-який час, тому я собі його взяв. А ще можна скористатися Purchasing Power Parity і отримати знижку для регіонів із нижчими зарплатами. Для України знижка була десь 50–60 %, уже забув. Загалом вигідно й приємно — вийшло десь до $100 з ПДВ. https://animations.dev/

В твіттері натрапив на якийсь продукт. Я навіть не до кінця розумію яка його функція. Але, мені сподобалась та єдина сторінка, такий собі канвас з різними елементами. Глянув всередину, зроблено просто з абсолютним позиціонуванням, але віджети можна рухати. Симпатично, тільки страшно жере ресурси (чомусь). Кидаю сюди бо загалом цікава візуальна ідея. https://www.variant.ai/