This media is not supported in your browser
VIEW IN TELEGRAM
Спробував створити проект за допомогою АІ разом з lovable.dev
Спершу попросив його створити todo list з мінімалістичним дизайном, він досить непогано впорався, додав різні стейти, сповіщення та анімації.
Потім я вирішив ускладнити задачу і попросив додати P2P комунікацію. Він запропонував додати Yjs для комунікації, а також automerge для мерджу даних без конфліктів.
Пів години боротьби, і я вперся в ліміт запитів до АІ, можливо спробую продовжити завтра.
Спробувати можна тут: https://blackboard-todo.lovable.app/
Спершу попросив його створити todo list з мінімалістичним дизайном, він досить непогано впорався, додав різні стейти, сповіщення та анімації.
Потім я вирішив ускладнити задачу і попросив додати P2P комунікацію. Він запропонував додати Yjs для комунікації, а також automerge для мерджу даних без конфліктів.
Пів години боротьби, і я вперся в ліміт запитів до АІ, можливо спробую продовжити завтра.
Спробувати можна тут: https://blackboard-todo.lovable.app/
🔥2
Розробка третьої хвилі
Спробував створити проект за допомогою АІ разом з lovable.dev Спершу попросив його створити todo list з мінімалістичним дизайном, він досить непогано впорався, додав різні стейти, сповіщення та анімації. Потім я вирішив ускладнити задачу і попросив додати…
Насправді давно хотів спробувати Automerge, бо тема CRDT (Conflict-Free Replicated Data Type) дуже цікава і я вірю що за цим майбутнє крутих продуктів.
Є цікавий подкаст по Local First, одним з гостів був автор Automerge: https://youtu.be/BNUXsCRQj3Q?si=XIX_Wj4ClW7en8kC
Є цікавий подкаст по Local First, одним з гостів був автор Automerge: https://youtu.be/BNUXsCRQj3Q?si=XIX_Wj4ClW7en8kC
YouTube
#4 – Martin Kleppmann: CRDTs, Automerge, generic syncing servers & Bluesky
The guest of this episode, Martin Kleppmann, is one of the authors of the original local-first essay. Martin has been exploring local-first software and CRDTs for over 10 years, which has led to the creation of Automerge, which we discuss in depth in this…
👍3
В додачу до теми CRDT, є цікавий проект, який з комерційної версії (replicache.dev) став некомерційним: https://zero.rocicorp.dev/
Якщо коротко, то це sync-engine, інстурмент який інкапсулює велику частину логіки обміну даними, синхронізацію та мердж даних.
Дуже цікаво про цю тему розповіли в Linear, напевне еталонний приклад наразі: https://linear.app/blog/scaling-the-linear-sync-engine
Зараз все більше і більше таких інструментів, варто звернути увагу.
Якщо коротко, то це sync-engine, інстурмент який інкапсулює велику частину логіки обміну даними, синхронізацію та мердж даних.
Дуже цікаво про цю тему розповіли в Linear, напевне еталонний приклад наразі: https://linear.app/blog/scaling-the-linear-sync-engine
Зараз все більше і більше таких інструментів, варто звернути увагу.
Replicache
Replicache: Framework for local-first web apps.
Replicache is a client-side datastore and sync framework for building local-first web apps. It works with most backend stacks.
👏2
Zed editor продовжує швидко розвиватись, недавно вони запустили бета-тестування Version control панелі для Git.
Деяких опцій не вистачає, як наприклад diff split screen, але, сподіваюсь, це теж додадуть.
Поки що дуже подобається Zed editor, швидкий і гарний.
Деяких опцій не вистачає, як наприклад diff split screen, але, сподіваюсь, це теж додадуть.
Поки що дуже подобається Zed editor, швидкий і гарний.
👍3
Electron, як найпопулярніше рішення для веб розробки під desktop, має обмеження продуктивності в силу своєї JS природи.
Але на горизонт все більше сходять альтернативи типу Tauri.
Це обгортка для розробки, схожа на Electron, але з бекеном на Rust.
Є можливість використовувати React для UI, присутній набір базових АРІ.
Головні переваги це розбір бандла та акцент на security.
З недоліків, вам доведеться розбиратись в Rust, де поріг входу суттєво вищий ніж в JS.
Але на горизонт все більше сходять альтернативи типу Tauri.
Це обгортка для розробки, схожа на Electron, але з бекеном на Rust.
Є можливість використовувати React для UI, присутній набір базових АРІ.
Головні переваги це розбір бандла та акцент на security.
З недоліків, вам доведеться розбиратись в Rust, де поріг входу суттєво вищий ніж в JS.
👏2
TypeScript чекає суттєве оновлення. Команда в MS опублікувати порт тайпсркипт сервера на Go.
Поки що, без підтримки TSX, але з вражаючим бустом продуктивності.
Виглядає що вибір мови вперся в можливість саме порту а не перепису з нуля, що було б суттєво важче зробити з Rust, для прикладу.
Також, після релізу, вийшов подкаст на цю тему: https://www.youtube.com/watch?v=10qowKUW82U
Поки що, без підтримки TSX, але з вражаючим бустом продуктивності.
Виглядає що вибір мови вперся в можливість саме порту а не перепису з нуля, що було б суттєво важче зробити з Rust, для прикладу.
Також, після релізу, вийшов подкаст на цю тему: https://www.youtube.com/watch?v=10qowKUW82U
🔥2
Coolify.io - open-source рішення рішення для спрощення деплою сервісів. Класна альтенратива Vercel та іншим, коли не хочеш залежати від вендора.
Покриває, напевне, більшість потреб невеликого сервіс, включно з базами даних, моніторингом і веб апками.
Покриває, напевне, більшість потреб невеликого сервіс, включно з базами даних, моніторингом і веб апками.
Coolify
Self-hosting platform with superpowers. Deploy apps, databases & 280+ services to your server. Open-source alternative to Heroku.
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
React Aria, headless компоненти від Adobe, з акцентом на accessibility (a11y), недавно релізнули суттєвий набір змін.
З цікавого, апдейти по Command palette та міграція до Tailwind v4.
В твіттері є тред з прикладів.
З цікавого, апдейти по Command palette та міграція до Tailwind v4.
В твіттері є тред з прикладів.
👍2
Lexical, text editor фреймворк від Facebook.
Сучана заміна Prosemirror чи Quill.js.
Не є залежним віж жодного UI рішення, але має зручну інтеграцію для React (duh) через систему плагінів.
Підтримує як Markdown так і Rich text, plain text.
Недавно мігрував на нього замість TipTap, зменшилась кількість помилок і код став простішим. Хоча документація не відчувається вичерпною.
Сучана заміна Prosemirror чи Quill.js.
Не є залежним віж жодного UI рішення, але має зручну інтеграцію для React (duh) через систему плагінів.
Підтримує як Markdown так і Rich text, plain text.
Недавно мігрував на нього замість TipTap, зменшилась кількість помилок і код став простішим. Хоча документація не відчувається вичерпною.
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
✨ UV Canvas — декілька готових React-компонент із надзвичайно красивими анімованими Canvas-візерунками.
Анімації написані на GLSL (шейдери) і запаковані для React. Хоча прямого застосування це не має, проте чудово демонструє величезні можливості сучасного браузера.
Анімації написані на GLSL (шейдери) і запаковані для React. Хоча прямого застосування це не має, проте чудово демонструє величезні можливості сучасного браузера.
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
🧪 Часто пишете UI тести з React Testing Library? Знайшов для вас чудове рішення для дебагу тестів: testing-playground.com
💡 З власного досвіду: коли потрібно ізолювати проблему та побачити інтерфейс з тесту, цей інструмент стає незамінним помічником.
✨ Testing Playground наочно показує активний елемент з query та пропонує оптимальні селектори для вибраних елементів. На жаль, їх розширення для Chrome більше недоступне.
💡 З власного досвіду: коли потрібно ізолювати проблему та побачити інтерфейс з тесту, цей інструмент стає незамінним помічником.
✨ Testing Playground наочно показує активний елемент з query та пропонує оптимальні селектори для вибраних елементів. На жаль, їх розширення для Chrome більше недоступне.
👍2
