Подивився відос про те як Notion скейлили базу даних під 100 млн користувачів і радію шо я веб макака яка відповідає за кольори кнопочок, а не оце все

Чесно кажучи виглядає якось складно, невже 100 млн юзерів це так багато
https://www.youtube.com/watch?v=HruBoinmPBA

Оце в мене приблизно таке ж враження від коду бібліотек на TypeScript

Виділив окремий канал під програмерські стріми, у цю суботу буде лайвкодінг по візуалізації даних з Олексієм Распоповим. Олексій багато років працює з dataviz, розкаже і покаже як готувати гарні та інформативні графіки.
Підписуйтесь і дивіться нас 02.11 о 15:00 https://www.youtube.com/live/8EfdDysbOCU

Якийсь сіньор джаваскріптьор на червоному доджі виніс секцію паркану у центрі міста. Хто з вас?

Оце технології у VW, прогресбар в якому можна самому вирішити наскільки авто завантажилось

Я нещодавно був на конфі React fwdays'24, сиділи з Бабічем у куточку розпитували виступаючих про їх доповіді та роботу, дивіться кантент

🎃Друзі, ми підготували для вас Backstage відео зі спікерами конференції React+ fwdays'24🎃

😎🙌 До наших ведучих Романа Лютікова та Сергія Бабіча завітали:

- Лев Давидов, Frontend Guildmaster at Solidgate
- Остап Червак, Software Engineer, Center of Innovations
- Ярослав Дорощук, Head of Wix Editor R&D
- Ілля Климов, JavaScript.Ninja

🤔 Разом з ними ми обговорили їх доповіді, чому вони обрали саме такі теми та мали можливість провести невеличку Q&A сесію.

🎁А також у закріпленому коментарі на вас чекає Промокод на знижку в 10% на Воркшоп з веб-доступності 🎁

У когось важка пʼятниця на роботі 🤣

Заходьте до нас на стрім по візуалізації даних https://www.youtube.com/live/8EfdDysbOCU?si=nzU9m6pz-noVYsgt

Питання до реактанів, як часто і для чого ви використовуєте rest та spread синтаксис об'єктів коли пишете React компоненти?

Класичний приклад, коли треба передати пропи для декількох компонентів і потім розділити їх

function Button({ style, ...props }) {
  return (
    <div style={style}>
      <MaterialButton {...props} />
    </div>
  );
}

Але, хіба не краще зробити отак? Щоб був більш очевидний API

function Button({ style, materialButtonProps }) {
  return (
    <div style={style}>
      <MaterialButton {...materialButtonProps} />
    </div>
  );
}

З іншого боку, можливо це деталі імплементації і користувачеві компоненту не треба знати що куди піде далі по дереву.

Ніколи про це не задумувався, цікаво які у кого практики на проєкті?

Ну шо, цей день настав. Сьогодні запустили сайт, так шо знайомтесь — ударний БПЛА «Вирій», легкий літачок камікадзе для дамбіння бомбасу https://skydefenders.com.ua/

- Робоча висота до 2000м
- Максимальна швидкість 160 км/год
- Розмах крила 1160 мм
- Споряджена маса 2.8 кг
- Дальність дії 20 км
- Кумулятивно-уламкова БЧ пробиває 130 мм броні
- Підготовка борту до застосування займає 10 хв
- Літак запускається з руки (має 3 запобіжники)
- Ціна борту співставна з вартістю типового квадрокоптеру камікадзе

У кого знайомі у війську і потребують такого засобу, звертайтесь за додатковою інформацією через форму на сайті.

Такс, у вівторок 12 листопада, о 18:00 будемо робити стрімчанскій з Тарасом Сагайдаком про нову архітектуру в React Native і напишемо нативний модуль для RN.

У Тараса купа цікавого і хардкорного досвіду з React Native, тому має бути мєга цікаво.

https://www.youtube.com/live/fU-TdcAvpm8

Робив сайт для Вирія цього тижня і прям кайфанув від HTML/CSS та Cloudlfare 🙂

От наприклад елемент <dialog> це прям топ штука щоб робити лайтбокси для розгортування фото чи відео з маленького превью у більший контейнер, раніше під це брали бібліотеки. Елементи <details> та <summary> для списків з розгортанням прихованого контенту. Елемент <picture> щоб роздавати картинки в форматі AVIF і фолбечитись на WEBP та PNG. Навіть використав веб-компоненти, гг, відео хостінг MUX дає бібліотеку з веб-компонентом <mux-player> для стрімінгу відео.

По CSS scroll-behavior: smooth топ штука для плавного скролінгу по якорям (це коли робиш <a href="#сюди">...</a>`). Правило `aspect-ratio щоб контролювати розмір елементу лише однією стороною прямокутника. Ааа ще в CSS завезли вкладеність виявляється 🙂

Це я до того, шо прикольно раз в 5 років зробити лендос вручну на чистому html/css

А по Cloudflare, вони нещодавно завезли статичні асети у воркери. Тобто тепер не треба використовувати Pages, звичайний проєкт на воркерах дає можливість роздавати статику. Це прям топ для простих сайтів. Я останні два роки використовую інфраструктуру Cloudflare для невеликих проєктів і дуже ними задоволений. sqlite, kv storage, object storage, черги, email, веб-сокети, аналітика, логи і купа іншого, шо ще треба? і більшість цього безкоштовно, що якраз підходить для невеличких штук

Гарного ранку, смачного сніданку. Треба закривати збір на екофлоу для хлопців з бригади Буревій.

Тому, поки у кацапстані дають пожиттєве за придбання STALKER 2 Ultimate Edition, я пропоную вам задонатити на екофлоу отсюди 👉 https://send.monobank.ua/jar/75LtWANjft щоб мати можливість отримати подарунок.

Донат від 100 грн, кожна сотня — 1 шанс, більше гримнів — більша можливість виграти. Якщо донатите не з Моно, то пишіть свої контакти у повідомленні до донату.

До релізу сталкеру доречі залишилось 8 днів, моя дівчина якраз поїде на пару тижнів, if you know what I mean 😏

Починаємо стрім по React Native за пару хвилин https://www.youtube.com/live/fU-TdcAvpm8

Слухайте, Claude 3.5 Sonnet прям значно краще за GPT для програмування.

Нещодавно GitHub додали Claude в Copilot, і я після стріму вирішив спробувати зробити собі нативну апку на Swift під macOS, для скрін шерінгу та аннотацій.

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

Думаю наступний стрім зробимо про розробку цієї апки.

По запиту від підписників створив Discord сервер каналу. Для обговорень, пошерити якісь свої проєкти, зібратись разом шось повчити чи отримати допомогу, поговорить про айтішку чи в сталкера пограти.

Залітайте 👉 https://discord.gg/UhwyAh6DF5