Мав трошки перерву на особисті справи, але всеодно весь час зберігав цікаві штуки якими хотів поділитись.
Сьогодні покажу декілька:
Сьогодні покажу декілька:
👀3👍1
Досить свіжий інструмент від Microsoft для перетворення різних форматів в Markdown. Головний бенефіт - згодовувати більше інформації для LLM. Берете, наприклад, PowerPoint презентацію і конвертуєте в Markdown, LLM точно краще це зможе зрозуміти.
Ну там ще інші цікаві формати є, наприклад ZIP файли, зображення, аудіо та ютюб посилання.
https://github.com/microsoft/markitdown
Ну там ще інші цікаві формати є, наприклад ZIP файли, зображення, аудіо та ютюб посилання.
https://github.com/microsoft/markitdown
GitHub
GitHub - microsoft/markitdown: Python tool for converting files and office documents to Markdown.
Python tool for converting files and office documents to Markdown. - microsoft/markitdown
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Черговий заряжений сайтик з використанням 3д в браузері.
https://y-n10.com/
https://x.com/d__raptis/status/1944671274023948681
https://y-n10.com/
https://x.com/d__raptis/status/1944671274023948681
👍3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
В твіттері натрапив на якийсь продукт. Я навіть не до кінця розумію яка його функція.
Але, мені сподобалась та єдина сторінка, такий собі канвас з різними елементами.
Глянув всередину, зроблено просто з абсолютним позиціонуванням, але віджети можна рухати.
Симпатично, тільки страшно жере ресурси (чомусь). Кидаю сюди бо загалом цікава візуальна ідея.
https://www.variant.ai/
Але, мені сподобалась та єдина сторінка, такий собі канвас з різними елементами.
Глянув всередину, зроблено просто з абсолютним позиціонуванням, але віджети можна рухати.
Симпатично, тільки страшно жере ресурси (чомусь). Кидаю сюди бо загалом цікава візуальна ідея.
https://www.variant.ai/
👍4
Розробка третьої хвилі
Emil написав досить надихаючий та мотиваційний пост про його шлях у відому компанію. Він короткий, тому не буду тут переказувати. Але, можливо, це надихне і когось з вас на нові звершення 🫶 https://emilkowal.ski/ui/animating-in-public
Не встиг про це написати, але там Emil відкривав доступ до свого курсу з анімації.
На жаль, щоб взяти цей курс тим, хто не встиг, потрібно почекати, поки знову відкриється реєстрація. Не знаю, чому він вибрав такий підхід, але виглядає, що курс оновлюють час від часу і відкривають на певний період.
Курс не лайв, можна пройти в будь-який час, тому я собі його взяв.
А ще можна скористатися Purchasing Power Parity і отримати знижку для регіонів із нижчими зарплатами. Для України знижка була десь 50–60 %, уже забув. Загалом вигідно й приємно — вийшло десь до $100 з ПДВ.
https://animations.dev/
На жаль, щоб взяти цей курс тим, хто не встиг, потрібно почекати, поки знову відкриється реєстрація. Не знаю, чому він вибрав такий підхід, але виглядає, що курс оновлюють час від часу і відкривають на певний період.
Курс не лайв, можна пройти в будь-який час, тому я собі його взяв.
А ще можна скористатися Purchasing Power Parity і отримати знижку для регіонів із нижчими зарплатами. Для України знижка була десь 50–60 %, уже забув. Загалом вигідно й приємно — вийшло десь до $100 з ПДВ.
https://animations.dev/
Animations on the Web
🔥3👍2
Пригадую, як колись давно-давно клав зірочку на репозиторій React Helmet. Потім через якийсь час так само клав її на React Helmet Async — довелося мігрувати.
Але й Async-форк не оновлюється вже більше року і блокує апгрейд на React 19.
Мігрував на сучасне рішення під назвою Unhead. Там підтримка не тільки React, а й багатьох інших рушіїв. А можна й взагалі без жодного — просто викликати функції будь-де.
Гарна документація, справді. Є приклади, хоч я зустрів один застарілий. Пакет досить активно підтримується і має зрозумілий API. Можу рекомендувати!
https://unhead.unjs.io/
Але й Async-форк не оновлюється вже більше року і блокує апгрейд на React 19.
Мігрував на сучасне рішення під назвою Unhead. Там підтримка не тільки React, а й багатьох інших рушіїв. А можна й взагалі без жодного — просто викликати функції будь-де.
Гарна документація, справді. Є приклади, хоч я зустрів один застарілий. Пакет досить активно підтримується і має зрозумілий API. Можу рекомендувати!
https://unhead.unjs.io/
👍4
Думаю, більшість чула про 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/
Ну, коротше, деякі з людей, які колись робили Radix, зараз створюють новий headless-набір, який називається BaseUI. Він ще в бета-версії, але активно розробляється. Ще обіцяють максимально схоже API до Radix, щоб було легше мігрувати.
https://base-ui.com/
Але цей пост я пишу не тільки заради BaseUI. На додачу ділюся стилізованими компонентами на основі BaseUI — називається 9UI. Їх порекомендував сам розробник BaseUI.
По суті, це те саме, що shadcn, але з іншим headless-пакетом. Встановлюється так само, через shadcn registry. Не порівнював кількість компонентів тощо, але це й не обов’язково — за бажанням можна встановлювати окремі компоненти з різних registry без проблем.
Загалом, для нових проєктів можна пробувати, і я напевно буду на пет-проєктах гратися з цим.
https://www.9ui.dev/
👍5
Думаю, більшість мала чути про Biome — лінтер та форматтер, альтернативу ESLint на Rust.
Але чи чули ви про GritQL? Бо саме цей інструмент і використовує Biome для плагінів та пошуку.
GritQL — декларативна query language, створена для пошуку, лінтингу та модифікацій коду. Вся фішка в синтаксисі, бо будь-який кусок коду — це вже валідна квері. Але можна робити набагато більше, особливо для заміни одного коду на інший, перейменування функцій і т.д.
Простий приклад:
Ну і, як неочікувано, GritQL написаний на Rust.
(Але це, звісно, не панацея. В мене інколи Biome починає їсти всі наявні ресурси)
Але чи чули ви про 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 починає їсти всі наявні ресурси)
👍3
Натрапив на цікавий CLI для того, щоб створювати проєкти з темплейтів — називається Better T Stack. Особливість у тому, що можна використати веб-білдер, і там прям багато опцій. Схоже, що білдер досить часто оновлюється. А ще — вибір однієї опції підсвітить, які з інших опцій стають недоступними.
Ось коротке відео з оглядом: https://www.youtube.com/watch?v=MGmPTcgJYIo
Бачу, що в репозиторії повно темплейтів, тому важко сказати, наскільки вони залишаються актуальними. Але для пет-проєктів точно зручна штука.
https://better-t-stack.dev/new
Ось коротке відео з оглядом: https://www.youtube.com/watch?v=MGmPTcgJYIo
Бачу, що в репозиторії повно темплейтів, тому важко сказати, наскільки вони залишаються актуальними. Але для пет-проєктів точно зручна штука.
https://better-t-stack.dev/new
YouTube
This new CLI tool makes scaffolding projects easy
check it out https://better-t-stack.dev/
My Courses
⚛️ https://beginner-react-challenges.webdevcody.com
My Applications
🎥 https://thevideocrafter.com
🤖 https://projectplannerai.com
🎨 https://icongeneratorai.com
🧟 https://survivethenightgame.com/
Useful…
My Courses
⚛️ https://beginner-react-challenges.webdevcody.com
My Applications
🎥 https://thevideocrafter.com
🤖 https://projectplannerai.com
🎨 https://icongeneratorai.com
🧟 https://survivethenightgame.com/
Useful…
👍3👀1
Чи мають проєкти з локальними LLM шанс на життя?
Недавно зловив на реддіті рекомендацію цікавої десктоп апки — називається Hypernote. Це такий AI-enabled нотатник, який працює локально. Йому згодовується аудіо сигнал напряму, і з локальною LLM він це конвертує в нотатки.
І тут цікаво насправді: розробники пішли особливим шляхом, бо (1) продукт може мати дуже щедрий free tier, оскільки це апка, яка працює локально — не потрібно тратити гроші на серверну інфраструктуру для LLM і т.д.; (2) вони вибрали Tauri, думаю, щоб мінімізувати розмір бандлу (зараз 58 МБ), і схоже, чимало коду написано на Rust.
Ну цікаво, можливо трохи буду тестувати і заглядати в код. Поки доступно тільки на macOS, але обіцяють підтримку Windows.
https://hyprnote.com/
Недавно зловив на реддіті рекомендацію цікавої десктоп апки — називається Hypernote. Це такий AI-enabled нотатник, який працює локально. Йому згодовується аудіо сигнал напряму, і з локальною LLM він це конвертує в нотатки.
І тут цікаво насправді: розробники пішли особливим шляхом, бо (1) продукт може мати дуже щедрий free tier, оскільки це апка, яка працює локально — не потрібно тратити гроші на серверну інфраструктуру для LLM і т.д.; (2) вони вибрали Tauri, думаю, щоб мінімізувати розмір бандлу (зараз 58 МБ), і схоже, чимало коду написано на Rust.
Ну цікаво, можливо трохи буду тестувати і заглядати в код. Поки доступно тільки на macOS, але обіцяють підтримку Windows.
https://hyprnote.com/
👍10
Скільки ж часу їм це зайняло, але нарешті є.
До речі, хтось щось чув про Flow останнім часом 🙃? Той що фейсбучна альтернатива для типізації
https://nodejs.org/en/blog/release/v22.18.0#type-stripping-is-enabled-by-default
До речі, хтось щось чув про Flow останнім часом 🙃? Той що фейсбучна альтернатива для типізації
https://nodejs.org/en/blog/release/v22.18.0#type-stripping-is-enabled-by-default
🔥2
Розробка третьої хвилі
Декілька днів тому автор Zod релізнув ще один цікавий проект (вкотре). Zshy — build tool для TypeScript-бібліотек. З нахилом на те, щоб мати рішення без потреби в конфігурації з певними стандартними підходами. Насправді це не перший такий інструмент в опен…
Нарешті потестив, була гарна можливість. Все найс, лиш є біда (на скріншоті).
Тому замінив на
Тому замінив на
unbuild 👌👍3
Розробка третьої хвилі
Напевне таки доведеться спробувати Effect для чогось простого. Я вже почитую документацію схеми, виглядає дуже прикольно, вле схема то лиш частка від всіх можливостей. Там зранку вийшло відео від Метта про Effect. Точно стає менш напряжно думати про функції…
Про Effect, гарно пояснено, щей державною мовою, мені було дуже цікаво послухати:
https://www.youtube.com/watch?v=-O3ivVJuyfQ
https://www.youtube.com/watch?v=-O3ivVJuyfQ
YouTube
«Effect більше для бекенду, фронтенд — рідкість» | ІТ-освіта в кризі — як це реформувати?
Зустрічайте новий випуск Fwdays JavaScript Talks!
У сьогоднішньому випуску наші постійні ведучі, Роман Лютіков та Роман Савіцький і гість подкасту, Ілля Климов, обговорять теми:
- Effect: що це таке, застосування в TypeScript, реальні кейси, мінуси й спільнота…
У сьогоднішньому випуску наші постійні ведучі, Роман Лютіков та Роман Савіцький і гість подкасту, Ілля Климов, обговорять теми:
- Effect: що це таке, застосування в TypeScript, реальні кейси, мінуси й спільнота…
❤4👍1🔥1
Я раніше декілька разів писав про різні offline-first (ну чи local-first) теми, особливо про Ink & Switch.
Зараз під руку потрапив цікавий блог від розробників offline-first редактора з функцією колаборації. Але цього разу не хочу виділяти основний мотив статті, хіба що можу основну думку коротко розповісти. А полягає вона в тому, що (на думку автора) поки що немає алгоритмів, щоб мерджити конфлікти в змінах текстових файлів так, щоб контент продовжував мати сенс для людини.
Я хотів поділитись цією статтею, бо там дуже багато посилань на різні дослідження і т.д., і якщо вам, як і мені, цікава ця тема — то рекомендую прочитати хоч якісь з них.
До речі, в статті є одне інтерактивне питання — змогли відгадати відповідь?
https://www.moment.dev/blog/lies-i-was-told-pt-1
Зараз під руку потрапив цікавий блог від розробників offline-first редактора з функцією колаборації. Але цього разу не хочу виділяти основний мотив статті, хіба що можу основну думку коротко розповісти. А полягає вона в тому, що (на думку автора) поки що немає алгоритмів, щоб мерджити конфлікти в змінах текстових файлів так, щоб контент продовжував мати сенс для людини.
Я хотів поділитись цією статтею, бо там дуже багато посилань на різні дослідження і т.д., і якщо вам, як і мені, цікава ця тема — то рекомендую прочитати хоч якісь з них.
До речі, в статті є одне інтерактивне питання — змогли відгадати відповідь?
https://www.moment.dev/blog/lies-i-was-told-pt-1
👍1
Розробка третьої хвилі
Всі ж знають Vercel, так? Це компанія, яка стоїть за Next.js і змогла успішно розвинути комерційну складову навколо безкоштовного фреймворку. У них є багато цікавих продуктів, наприклад Turborepo ⚡— інструмент, що в першу чергу націлений на монорепозиторії.…
Зараз бачу все більше open-source репозиторіїв в форматі монорепо. І більшість з них користуються Turborepo.
Я теж. І за більше ніж пів року використання я дуже навіть задоволений. Це суттєво спростило роботу, повидаляв
Досить розумно кешує білди, простіше для розуміння людям які не займаються проектор а лиш запускають його локально.
Зручно запустити одну команду, а він збілдиться все що мало зміни перед цим і тд.
Тому ще раз, рекомендую.
NX так і не користувався, вибрав Turborepo бо цього вистачало з головою.
Я теж. І за більше ніж пів року використання я дуже навіть задоволений. Це суттєво спростило роботу, повидаляв
concurrently і тд, просто наконфігурив turbo.json. Досить розумно кешує білди, простіше для розуміння людям які не займаються проектор а лиш запускають його локально.
Зручно запустити одну команду, а він збілдиться все що мало зміни перед цим і тд.
Тому ще раз, рекомендую.
NX так і не користувався, вибрав Turborepo бо цього вистачало з головою.
👍3
Я раніше писав про LiveStore. Побачив, що їх підтримав продукт 0.email і побіг дивитись, що це за сервіс.
Виглядає гарно та цікаво, але якщо більше 1 емейлу — то підписка буде 20$.
І така думка виникла. Я ніби не проти платити 20$ підписки за AI-enabled продукт, який приносить користь, але це починає виглядати ще напряжніше, ніж мати декілька підписок на стрімінгові сервіси.
20$ на це, ще 20$ на щось інше, якась сума на умовний Discord, Cursor, Zed, Claude Code, Notion і так далі.
І ніби очевидно, що такий бізнес мусить якось заробляти, але хотілось би, щоб було більше можливостей використовувати локальні LLM або навіть якісь self-hosted чи просто API-ключ з провайдера. І тоді, наприклад, платити не 20$, а 5$.
Не знаю, чи в таку сторону будуть зміни, але було б цікаво.
Виглядає гарно та цікаво, але якщо більше 1 емейлу — то підписка буде 20$.
І така думка виникла. Я ніби не проти платити 20$ підписки за AI-enabled продукт, який приносить користь, але це починає виглядати ще напряжніше, ніж мати декілька підписок на стрімінгові сервіси.
20$ на це, ще 20$ на щось інше, якась сума на умовний Discord, Cursor, Zed, Claude Code, Notion і так далі.
І ніби очевидно, що такий бізнес мусить якось заробляти, але хотілось би, щоб було більше можливостей використовувати локальні LLM або навіть якісь self-hosted чи просто API-ключ з провайдера. І тоді, наприклад, платити не 20$, а 5$.
Не знаю, чи в таку сторону будуть зміни, але було б цікаво.
❤2