Навіть якщо ви займаєтеся тільки UI-частиною, ну тобто Front End, все одно ймовірність того, що час від часу вам потрібен Docker, дуже висока.

На попередньому проєкті для локального середовища мені доводилося піднімати 20+ сервісів у Docker, кілька UI-сервісів, базу даних, здається, навіть Kafka. Ну і для цих задач у мене був Docker Desktop.

Так от, напевно вже 2 роки я щасливий, що забув про нього. Може, за стільки часу там щось покращилося, але на той момент запуск стількох контейнерів вижирав усі ресурси. Тоді я в пошуках рішення натрапив на OrbStack і користуюся ним досі.

OrbStack — це суперлегка альтернатива Docker Desktop, заточена під macOS. Обіцяють оптимізовану файлову систему, низьке споживання ресурсів процесора і багато іншого. А ще класний інтерфейс. Порівняно з Docker Desktop цей просто суперочевидний, мінімалістичний та красивий.

Але треба правильно це розуміти: те, що споживають ваші сервіси, нікуди не зникне — оптимізовано лише саме середовище, UI тощо. Тим не менш, відколи я перейшов на OrbStack, я став щасливішим.

Продукт не є open-source. Безкоштовний для некомерційних задач. А для комерційних — 8 доларів на місяць. Ціна виправдана, як на мене.

https://orbstack.dev/

А загалом, подумав написати про OrbStack бо побачив твіт його розробника про DNS.

Хороша порада, до речі. Поклав собі так само.

1.1.1.1 це Cloudflare DNS
8.8.8.8 це Google DNS

https://x.com/kdrag0n/status/1944922393090163168

Emil написав досить надихаючий та мотиваційний пост про його шлях у відому компанію.
Він короткий, тому не буду тут переказувати.
Але, можливо, це надихне і когось з вас на нові звершення 🫶

https://emilkowal.ski/ui/animating-in-public

Мав трошки перерву на особисті справи, але всеодно весь час зберігав цікаві штуки якими хотів поділитись.

Сьогодні покажу декілька:

Досить свіжий інструмент від Microsoft для перетворення різних форматів в Markdown. Головний бенефіт - згодовувати більше інформації для LLM. Берете, наприклад, PowerPoint презентацію і конвертуєте в Markdown, LLM точно краще це зможе зрозуміти.
Ну там ще інші цікаві формати є, наприклад ZIP файли, зображення, аудіо та ютюб посилання.

https://github.com/microsoft/markitdown

Черговий заряжений сайтик з використанням 3д в браузері.


https://y-n10.com/

https://x.com/d__raptis/status/1944671274023948681

В твіттері натрапив на якийсь продукт. Я навіть не до кінця розумію яка його функція.
Але, мені сподобалась та єдина сторінка, такий собі канвас з різними елементами.
Глянув всередину, зроблено просто з абсолютним позиціонуванням, але віджети можна рухати.

Симпатично, тільки страшно жере ресурси (чомусь). Кидаю сюди бо загалом цікава візуальна ідея.

https://www.variant.ai/

Не встиг про це написати, але там Emil відкривав доступ до свого курсу з анімації.

На жаль, щоб взяти цей курс тим, хто не встиг, потрібно почекати, поки знову відкриється реєстрація. Не знаю, чому він вибрав такий підхід, але виглядає, що курс оновлюють час від часу і відкривають на певний період.

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

https://animations.dev/

Пригадую, як колись давно-давно клав зірочку на репозиторій React Helmet. Потім через якийсь час так само клав її на React Helmet Async — довелося мігрувати.

Але й Async-форк не оновлюється вже більше року і блокує апгрейд на React 19.

Мігрував на сучасне рішення під назвою Unhead. Там підтримка не тільки React, а й багатьох інших рушіїв. А можна й взагалі без жодного — просто викликати функції будь-де.

Гарна документація, справді. Є приклади, хоч я зустрів один застарілий. Пакет досить активно підтримується і має зрозумілий API. Можу рекомендувати!

https://unhead.unjs.io/

Думаю, більшість чула про 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/

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

Думаю, більшість мала чути про 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 починає їсти всі наявні ресурси)

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

Бачу, що в репозиторії повно темплейтів, тому важко сказати, наскільки вони залишаються актуальними. Але для пет-проєктів точно зручна штука.

https://better-t-stack.dev/new

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

Чи мають проєкти з локальними LLM шанс на життя?

Недавно зловив на реддіті рекомендацію цікавої десктоп апки — називається Hypernote. Це такий AI-enabled нотатник, який працює локально. Йому згодовується аудіо сигнал напряму, і з локальною LLM він це конвертує в нотатки.

І тут цікаво насправді: розробники пішли особливим шляхом, бо (1) продукт може мати дуже щедрий free tier, оскільки це апка, яка працює локально — не потрібно тратити гроші на серверну інфраструктуру для LLM і т.д.; (2) вони вибрали Tauri, думаю, щоб мінімізувати розмір бандлу (зараз 58 МБ), і схоже, чимало коду написано на Rust.

Ну цікаво, можливо трохи буду тестувати і заглядати в код. Поки доступно тільки на macOS, але обіцяють підтримку Windows.

https://hyprnote.com/

Скільки ж часу їм це зайняло, але нарешті є.

До речі, хтось щось чув про Flow останнім часом 🙃? Той що фейсбучна альтернатива для типізації

https://nodejs.org/en/blog/release/v22.18.0#type-stripping-is-enabled-by-default