Розробка третьої хвилі – Telegram
Розробка третьої хвилі
376 subscribers
420 photos
138 videos
425 links
Українською про веб-технології, і не тільки.

Як кав'ярня, тільки про технології.

https://www.bohdanptyts.com/
Download Telegram
Схоже, що Software Mansion планують випустити worklets для RN
Зі слів Томаша, це основна частина багатопотоковості їх бібліотеки Reanimated, але відокремплена в пакет.

Дуже подобається в яку сторону комюніті рухає React Native.
👍1🤩1
This media is not supported in your browser
VIEW IN TELEGRAM
Спробував створити проект за допомогою АІ разом з lovable.dev

Спершу попросив його створити todo list з мінімалістичним дизайном, він досить непогано впорався, додав різні стейти, сповіщення та анімації.

Потім я вирішив ускладнити задачу і попросив додати P2P комунікацію. Він запропонував додати Yjs для комунікації, а також automerge для мерджу даних без конфліктів.
Пів години боротьби, і я вперся в ліміт запитів до АІ, можливо спробую продовжити завтра.

Спробувати можна тут: https://blackboard-todo.lovable.app/
🔥2
В додачу до теми CRDT, є цікавий проект, який з комерційної версії (replicache.dev) став некомерційним: https://zero.rocicorp.dev/

Якщо коротко, то це sync-engine, інстурмент який інкапсулює велику частину логіки обміну даними, синхронізацію та мердж даних.
Дуже цікаво про цю тему розповіли в Linear, напевне еталонний приклад наразі: https://linear.app/blog/scaling-the-linear-sync-engine

Зараз все більше і більше таких інструментів, варто звернути увагу.
👏2
Zed editor продовжує швидко розвиватись, недавно вони запустили бета-тестування Version control панелі для Git.

Деяких опцій не вистачає, як наприклад diff split screen, але, сподіваюсь, це теж додадуть.

Поки що дуже подобається Zed editor, швидкий і гарний.
👍3
Electron, як найпопулярніше рішення для веб розробки під desktop, має обмеження продуктивності в силу своєї JS природи.

Але на горизонт все більше сходять альтернативи типу Tauri.

Це обгортка для розробки, схожа на Electron, але з бекеном на Rust.
Є можливість використовувати React для UI, присутній набір базових АРІ.

Головні переваги це розбір бандла та акцент на security.
З недоліків, вам доведеться розбиратись в Rust, де поріг входу суттєво вищий ніж в JS.
👏2
TypeScript чекає суттєве оновлення. Команда в MS опублікувати порт тайпсркипт сервера на Go.

Поки що, без підтримки TSX, але з вражаючим бустом продуктивності.

Виглядає що вибір мови вперся в можливість саме порту а не перепису з нуля, що було б суттєво важче зробити з Rust, для прикладу.

Також, після релізу, вийшов подкаст на цю тему: https://www.youtube.com/watch?v=10qowKUW82U
🔥2
Coolify.io - open-source рішення рішення для спрощення деплою сервісів. Класна альтенратива Vercel та іншим, коли не хочеш залежати від вендора.
Покриває, напевне, більшість потреб невеликого сервіс, включно з базами даних, моніторингом і веб апками.
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
React Aria, headless компоненти від Adobe, з акцентом на accessibility (a11y), недавно релізнули суттєвий набір змін.

З цікавого, апдейти по Command palette та міграція до Tailwind v4.

В твіттері є тред з прикладів.
👍2
Lexical, text editor фреймворк від Facebook.

Сучана заміна 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. Хоча прямого застосування це не має, проте чудово демонструє величезні можливості сучасного браузера.
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
🧪 Часто пишете UI тести з React Testing Library? Знайшов для вас чудове рішення для дебагу тестів: testing-playground.com

💡 З власного досвіду: коли потрібно ізолювати проблему та побачити інтерфейс з тесту, цей інструмент стає незамінним помічником.

Testing Playground наочно показує активний елемент з query та пропонує оптимальні селектори для вибраних елементів. На жаль, їх розширення для Chrome більше недоступне.
👍2
Всі ж знають Vercel, так? Це компанія, яка стоїть за Next.js і змогла успішно розвинути комерційну складову навколо безкоштовного фреймворку.

У них є багато цікавих продуктів, наприклад Turborepo — інструмент, що в першу чергу націлений на монорепозиторії.

З власного досвіду: користуюсь ним уже кілька місяців і загалом задоволений. Спершу довелося обирати між Turborepo та NX, але другий виявився надто масштабним для наших потреб.

Turborepo працює поверх NPM Workspaces, що робить його більш універсальним—не потрібно прив’язуватися до конкретної технології. Сам інструмент написаний на Rust 🦀 і досить часто оновлюється.

Серед основних можливостей—дерево залежностей 📂, яке дозволяє автоматично запускати build/lint/test та інші задачі для внутрішніх пакетів. Все це кешується, а сам процес добре оптимізований.

Можу рекомендувати!
👍1