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

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

Досить свіжий інструмент від 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

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

Тому замінив на unbuild 👌

Про Effect, гарно пояснено, щей державною мовою, мені було дуже цікаво послухати:

https://www.youtube.com/watch?v=-O3ivVJuyfQ

Я раніше декілька разів писав про різні offline-first (ну чи local-first) теми, особливо про Ink & Switch.

Зараз під руку потрапив цікавий блог від розробників offline-first редактора з функцією колаборації. Але цього разу не хочу виділяти основний мотив статті, хіба що можу основну думку коротко розповісти. А полягає вона в тому, що (на думку автора) поки що немає алгоритмів, щоб мерджити конфлікти в змінах текстових файлів так, щоб контент продовжував мати сенс для людини.

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

До речі, в статті є одне інтерактивне питання — змогли відгадати відповідь?

https://www.moment.dev/blog/lies-i-was-told-pt-1

Зараз бачу все більше open-source репозиторіїв в форматі монорепо. І більшість з них користуються Turborepo.

Я теж. І за більше ніж пів року використання я дуже навіть задоволений. Це суттєво спростило роботу, повидаляв concurrently і тд, просто наконфігурив turbo.json.

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

Тому ще раз, рекомендую.

NX так і не користувався, вибрав Turborepo бо цього вистачало з головою.