Питання до реактанів, як часто і для чого ви використовуєте 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

Доречі там вийшов новий випуск fwdays JS talks, говорили про… PWA, неочікувано) ще про аналітику та вигорання, поставте лайк і залиште коментар у підтримку каналу https://youtu.be/9wKxZraxcaw

Кому цікаво дивитись програміській контент англійською, я завів собі окремий канал де публікую якусь роботу чи апдейти по своїм проєктам https://youtube.com/@functionalcave

Буває і таке, правда у мене такого ще не було 🤣

Такс, думаю цього тижня зробити стрім, без гостей. Типу того коли розбирали разом Svelte 5. Є якісь ідеї?

Будемо тоді на стрімі писати бібліотеку для UI на канвасі, у четвер о 18:00 https://youtube.com/live/ykrCP-dL2Ys

Зробимо свій DOM, івенти, flexbox layout і тп

Ну, до Нового Року точно встигну пограти

Кароч кому цікаво, Сталкер йде десь на 40-50 фпс на RTX 3060Ti на високих налаштуваннях, з DLSS.
Я думав буде значно гірше, а так і пограти можна. Так шо, стрім по канвасу чи по сталкеру?))