Рідко користуюсь UI бібліотеками, але от зараз почав потроху використовувати https://www.radix-ui.com/ та https://ui.shadcn.com/ для більш складних компонентів, які самому довго писати. So far so good.

Може є ще щось подібне і мінімалістичне для React? Типу headless компоненти або з TailwindCSS?

От доречі ще є TailwindUI, за гроші https://tailwindui.com/

Я подекуди заглядаю у зарплатне опитування від DOU і сам його заповнюю, щоб розуміти як почуває себе українська айтішка і куди ми йдемо порівняно зі світом. Рекомендую вам також заповнити форму, ця статистика непоганий спосіб оцінити себе на ринку праці. Зрозумієте чи ви топ 1%, чи може пагано себе продали) 👉 https://news.1rj.ru/str/frontend_dou/65

Гуд фрайдей морнінг. Пробували продавати софт as a service закордон? А чи пробували ви розібратись з податками у кожній країні та штаті?

От і я спробував і забив, бо як виявилось ніхто цього не робить, бо це супер складно і рідко яка країна зацікавлена у тому, щоб полегшити роботу з sales tax для SaaS компаній. Вони просто нічого не роблять і чекають, що сама компанія почне обробляти усі платежі і відправляти їм гроші. Причому ці податки ні за що 🤷

Оце кльовий випуск подкасту про sales tax і наскільки там все погано, рекомендую https://saas.transistor.fm/episodes/nobody-in-saas-wants-to-talk-about-this

Гуд мандей морнінг пацани та пацанесси. Почнемо тиждень з накидання на вентилятор :)

Я один раз в житті запускав проєкт на Next.js, десь два тижні тому, і воно у мене відвалювалася з out of memory кожні пару хвилин після релоаду змін у коді.

Я звичайно не претендую на звання експерта по Next, але судячи з фідбеку людей у Твіттері, Next з гарного фреймворку став роздутим монстром в якому час від часу щось ламають. Я так розумію основна біда походить від нового типу проєкту який використовує App Router та react server components, які все ще експеримент, але у Next вже стали стандартом.

Шо скажете?

https://twitter.com/emilwidlund/status/1672969385714102273?s=46&t=h4PejqCHRaVkMiRK7hFe1g

Пробував генерувати коротенькі відео-туторіали по програмуванню. По суті там треба візуал і голос який розказує матеріл.

Сценарій можна написати через ChatGPT у форматі текст-код-текст-код, згенерувати голос будь-яким text to speech (я взяв https://github.com/suno-ai/bark бо він генерує більш живу мову) і відрентирити це все у ffmpeg.

Ось шось таке вийшло зробити у напівавтоматичному режимі. Вцілому думаю це має на право на існування для створення low-effort каналів щоб набивати аудиторію та продавати рекламу 😄

Good Monday morning. В мене є трохи наснаги зайнятись менторством. Можу допомогти з програмуванням, підказати по карʼєрі інженера, та і взагалі відповісти на питання по айтішці і десь направити людину.

Напишіть мені в ПП хто ви, що робите, опишіть свій бекграунд і чого хочете 👉 @roman01la

Привіт. Після минулого допису мені написало чимало людей. За останній тиждень я провів деякий час у дзвінках консультуючи людей по різним питанням повʼязаних з айтішкою.

Також назбиралась група з тих, хто хоче навчатись і ми собі створили курс по фронтенду. Якісь лекції я буду викладати у вільний доступ, от як наприклад лекція про те як працює браузер https://youtu.be/lmfDSZEtYfQ

Ще я собі завів ТікТок, щоб подивитись як такий контент заходить у форматі коротких відео та спробувати побороти у собі крінжове відношення до тіктокерів, бо я напевне занадто старий для цього 🙃 https://www.tiktok.com/@it_shnyk

Як у вас справи?

Поки допомагаю людям вчити фронтенд сам прохожу курс по програмуванню 3D графіки. Оце непоганий курс від професора у Лондонському універі https://pikuma.com/courses/learn-3d-computer-graphics-programming

За свої гроші це топ, майже 40 годин цікавого контенту. Прикольно що весь курс побудований навколо написання свого програмного рендереру на чистому C. Мова проста, тому цікаво писати і не треба заморочуватись з комунікацією з GPU бо рендерер програмний.

Публікую першу частину лекції по основам JavaScript
https://youtu.be/FFrsF3Nm824

Гарних вихідних 👋

Друга частина по основам JS, про функції та класи
https://youtu.be/LUmXoCcRTdo

Кльова серія дописів з ілюстраціями про те, як працюють CPU https://cpu.land/

Ранковий перегляд контенту. Трохи про відкладений рендеринг у іграх. Оця презентація гарно розказує для чого був винайдений відкладений рендеринг, як за останні 20 років змінилось залізо і чому індустрія повертається до класичного forward rendering. Цікаво доречі, що STAKLER був однією з перших ігор, в якій імплементували відкладений рендеринг https://www.youtube.com/watch?v=n5OiqJP2f7w

І от ще цікаво про баг у The Legend of Zelda: Breath of the Wild і про відкладений рендеринг у цілому на прикладі цієї гри https://www.youtube.com/watch?v=By7qcgaqGI4

Дивився список open source проєктів які отримали грант на розвиток від Clojurists Together і побачив проєкт який хостить Clojure на C++ — Jank lang

Колись думав, що було б добре мати шось типу native Clojure, щоб писати під мікроконтроллери або відео ігри.

Ще доречі є Carp який надихався Clojure, але мова не динамічна і має borrow checker як в Rust, тому це трохи інша історія.

Цікаво, що Jank побудована з використанням існуючих бібліотек:
- Immer для незмінних структур даних (це не той що в JS)
- bdwgc сміттєзбірник

Проєкт звичайно ще на ранній стадії і розробляється однією людиною (як і всі експерименти у спільноті Clojure , лол), але побажаємо йому удачі, бо це непогана штука.

Вітаю усіх з Днем Незалежності 🇺🇦 Нехай проблеми та негоди не роблять вам в житті погоди 🙃

На роботі нещодавно переключився з AI на анімації, якось сидів пів дня дебажив баг з Web Animations API у Safari аж поки не дійшов до того, що це баг у Chrome, а в Safari та Firefox поведінка якраз очікувана.

Проблема була в тому, що створюючи нову анімацію з тим самим інстансом кіфреймів, у хромі поточна анімація відміняється. Як виявилось це проблема імплементації у хромі на стороні C++, чогось вони вирішили що інстанс кіфреймів не може шаритись між анімаціями.

Ось мінімальний кейс для відтворення проблеми https://codesandbox.io/s/awesome-thunder-lvj5xk?file=/src/index.mjs

Більше подробиць у тікеті в баг трекері Chrome https://bugs.chromium.org/p/chromium/issues/detail?id=1474974

​​Зробив собі марафон програмування і запілив за тиждень сендбокс для кложескріпта, типу CodeSandbox https://uix-playground.vercel.app/

Працює все у браузері у забутстрапленому компіляторі, проєкти зберігаються у Cloudflare KV. Є можливість експортувати як проєкт з shadow-cljs, доступні бібліотеки: React, Tailwind, UIx, react-query, react-router, three, react-three-fiber, згодом буде більше.

7го вересня буду виступати на мітапі з доповіддю по ШІ, у офісі Wix, приходьте послухати https://fwdays.com/en/event/frontend-ai-fwdays-meetup-kyiv

Привіт 👋 Викатив апдейт до сендбоксу: тепер проєкти можуть мати декілька файлів. Додав сайдбар з переглядом дерева проєкту та таби, все як у нормальному редакторі.

Також додав дефолтний проєкт з Reagent та re-frame для трушних кложуріанців https://uix-playground.vercel.app/p/default-reagent

Хочу спробувати додати можливість писати бекенд на ноді, за допомогою web containers. Це типу контейнеризація ноди у web assembly, тому можна бекенд ганяти локально в браузері. Для отаких cloud IDE якраз супер.

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

​​Відстрілявся на мітапі, ось посилання на презентацію https://pitch.com/public/30a64f86-7ff5-4b6d-b5b6-42c9f8943a30

Гарного вам вівторка. Роблю собі прототип редактору векторної графіки, на плюсах, webgl та wasm, бо завжди хотів спробувати щось таке зробити.

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

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

Треба багато писати і малювати, тому записав відео з поясненням, дивіться тут 👉 https://youtu.be/EW7odbrPeEo?si=lmuvtw9wcVh-wiE6

Продовження геометрично-математичних історій про створення редактору векторної графіки, цього разу коротенький відос про криві Безьє https://youtu.be/39gkObrYP-Y?si=NROPuAnvxDGubUzp

Відкопав свою доповідь про перфоманс с 2021го року. На той час я був менеджером у сервісній команді яка займалась перфомансом фронтенду.

Доповідь такий собі переказ досвіду роботи, з практичними порадами 👉 https://youtu.be/JKoKs3LCr-s?si=dBbqbuu_TRWhr1XB