Розробка третьої хвилі

Ось до чого довели перегляди тіктоків... Черговий лінтер з’явився на районі. Зустрічайте Rslint. Написаний на, неочікувано, Go. До чого тут тікток? Бо лінтер релізнула WebInfra — команда в компанії ByteDance, яка стоїть за TikTok. https://github.com/web-infra-dev/rslint Обіцяє best effort compatibility з ESLint, працює в монорепо, в першу чергу націлений на TypeScript-код, ну і має бути швидким. Отже, зараз вже можна вибирати між ESLint, Biome, Oxlint і, може, ще когось забув. Все, дивіться трохи більше рілсів в інстаграм, може Мета теж якогось лінтера накодить.

Як легко відтворити пікер емоджі (такий як в notion чи slack) Беремо React Aria (хто не чув, рекоменую глянути, потужна ліба), дивимось в оцей приклад і копіюємо 🧑‍🍳 Тай взагалі, Devon, кор-розробник React Aria часто в твіттері публікує круті штуки, є що підглянути. Приклад: https://stackblitz.com/edit/react-aria-emoji-picker?file=src%2FEmojiPicker.tsx Джерело: https://x.com/devongovett/status/1956014690338734479

Помітив як цікаво в документації TanStack зроблений зміст (ToC), одразу підсвічує всі секції які видно на екрані. А якщо зменшити вікно то і звучиться превю на ToC. Красиво 💅 https://tanstack.com/router/latest/docs/framework/react/overview

Хлопці з Drizzle релізнули свіжий пакет, називається Waddler 🦆. Це SQL template тег для простого використання бази даних, хоча можливості виглядають суттєвими. Там і захист від SQL-ін’єкцій, async API, навіть можна через стрім витягувати дані. А ще можна додати типи та інший цікавий функціонал. Підіть, покладіть їм зірочку на GitHub! https://waddler.drizzle.team/

Уф, 300+ підписників на каналі 💅 Дякую, що читаєте!

Сьогодні отримав неочікуваний репост мему на досить великий канал — приємно і мотивує. А в списку ідей для постів якраз мав статтю на тему з мему. Vibe code is legacy code. Згодні? Я — так (принаймні поки що). І стаття це гарно аргументує. Бо код, якого ніхто не розуміє, а тим більше автор, стає legacy. Це технічний борг, у якому дуже ймовірно є і баги, і якісь сек’юріті-проблеми, ще щось. От уявіть, ви прийшли на проєкт, над яким уже хтось добряче попрацював. А там купа коду не найкращої якості. Біля 5 різних рішень для однієї й тієї самої проблеми, декілька бібліотек зі схожим функціоналом і загадкові конструкції. Нууу, таке й без вайб-кодингу зустрінеш інколи. Але як продовжувати підтримувати такий код? Розширювати його важко, бо він складний, сильно зв’язаний між собою, заплутаний. Переписати його теж важко, бо через свою складність можлива втрата функціоналу (не вірю, що на таких проєктах є тести). Ну, коротше, ситуація неприємна. А ще колега, який це написав (ну, типу АІ), кожен раз має інше пояснення свого ж рішення з минулого, бо в нього провали в пам’яті. Десь так, напевне, і виглядатимуть проєкти, які навайбкодили та вчасно не зупинилися, щоб привести до нормального стану. АІ справді багато допомагає і стає розумнішим. Але треба враховувати, що чим більший контекст йому закидати (весь проєкт, наприклад), тим менший вихлоп. https://blog.val.town/vibe-code

Так, побачив недавно Tauri, але для хейтерів Rust. MōBrowser — обгортка для побудови десктопних додатків на C++. Дивлячись на документацію, ніби мають непоганий набір функціоналу. Але, з цікавого: 1. Продукт платний 2. Виглядає, що це роблять в основному українці. https://teamdev.com/mobrowser

Інколи відкриваю LinkedIn з цікавості — хтось додається чи пише і тд. І бляха, кожен раз як гортаю стрічку, то почуваюсь ніби у фейсбуці чи якихось однокласниках. На кожні 2 непогані пости від цікавих продуктів у стрічці буде 3-4 пости про якусь шнягу. Меми, якісь мутні історії, срачі, хтось постить, що отримав сертифікат з курсів про те, як пукати в офісі і не спалитись, і ще купу загадок. Культура на LinkedIn для мене загадкова, але, може, такі публікації дійсно комусь допомагають із пошуком роботи — важко сказати. Можливо, це стан ринку впливає і змушує людей бути більш активними там, придумувати будь-що задля уваги. Та я й не проти. Але мені здається, що навіть 5 років тому рівень крінджу був нижчим. Або це я так слабо пам’ятаю.

Вдалого тижня, шановні трудоголіки

Сьогодні приніс вам цікавий приклад прив’язки скролу до відео. Мене спершу спантеличило демо — виглядає, ніби відео зависає кожні кілька секунд. Але це не так: відео рухається в часі відповідно до позиції скролу. Цікаво, бо саме відео рендериться не в плеєрі, а через canvas. Веб має стільки можливостей — майже щодня бачу щось цікаве й неочевидне. Та й реалізація не є суперскладною, головне — мати гарну ідею. https://x.com/konstipaulus/status/1954539977812980030 https://github.com/diffusionstudio/webcodecs-scroll-sync/tree/main

Переглянув активність на каналі — найбільше реакцій набирають всякі приколи 😎 Буду кидати і надалі, але сьогодні пропоную зануритись зі мною у відео, де продемонстровано купу можливостей Better Auth. Якщо ще не чули, то дуже рекомендую глянути документацію. Але навіть перегляд цього відео мав би дати непогане уявлення про зручність та гнучкість Better Auth. https://www.youtube.com/watch?v=_OApmLmex14

Очікувано, в браузерах потрохи більше розширюється АІ функціонал. Гугл і раніше писали про АІ АРІ, але там вроді було обмеження по регіонах. Зараз ось таке побачив, цікаво. Відео вкрав тут: https://x.com/BHolmesDev/status/1954179936249376962

Чий СІ пайплайн? Признавайтесь 😱

Трошки зашиваюсь через кількість справ, не встигаю щось більше постити. Але ось коротка новина, до Vitest додали новий матчер toMatchScreenshot. Це відкриває шлях до Visual Regression Testing. Для чого і так досить добре працює Chromatic від Storybook, але можливо з цим матчером можна буде мати трохи більше контролю, наприклад запускати його декілька раз всередині одного тесту. https://github.com/vitest-dev/vitest/pull/8041

Трошки зашиваюсь через кількість справ, не встигаю щось більше постити. Але ось коротка новина, до Vitest додали новий матчер toMatchScreenshot. Це відкриває шлях до Visual Regression Testing. Для чого і так досить добре працює Chromatic від Storybook, але можливо з цим матчером можна буде мати трохи більше контролю, наприклад запускати його декілька раз всередині одного тесту. https://github.com/vitest-dev/vitest/pull/8041

Сьогодні поділюсь дуже красивою анімацією тексту (в SVG) і одразу симпатичним open-source сервіс для інвойсів. Тому для кого просто подивитись - ось відео. А хто хоче глянути в код - там відкритий репозиторій. https://invoicely.gg/