Всім привіт. Спонсорам і патронам уже доступне ексклюзивне відео на каналі, де ми реалізовуємо приклад тестового завдання. Потрібно зробити серверний рендеринг (SSR) за допомогою React + WebPack + NodeJS, без використання NextJS. Реалізацію розбив на декілька частин. Перша уже доступна.

Корисного перегляду та дякую за підтримку.

Всім привіт. День сьогодні трагічний, русня не люди. Сподіваюсь усі цілі і зробили донати для сил оборони.
Щоб трішки відволіктись, пропоную глянути на Popover API. Нещодавно дізнався про цю апішку і мені прямо сподобалось. Можна робити нативно, ще й без JavaScript, popover компоненти, модалки, менюшки та все що відкривається по кліку.
Дам тут кілька посилань де можна почитати детальніше:
https://css-tricks.com/poppin-in/
https://css-irl.info/progressively-enhanced-popover-toggletips/

З мінусів:
- Підтримка браузерами 86.18%. Що не так уже і погано.
- Працює лише на клік. Hover - ні.
- Треба підучити додаткові CSS правила.

З плюсів:
- Абсолютно без JavaScript
- Нативна апішка. Можна повикидати лишні бібліотеки

CSS-Tricks

Poppin' In | CSS-Tricks

Oh, hey there! It’s been a hot minute, hasn’t it? Thought I’d pop in and say hello while we get to know the Popover API a bit.

На work ua додали окремий розділ з фільтром вакансій що компанії бронюють працівників. Вирішив подивитись які професії та вакансії важливі для країни під час війни. Подивився! Зрозумів що не на те я вчився 7 років). Мій топчик:
- Виробник м'ясних напівфабрикатів;
- Збирач вхідних дверей;
- Фахівець з продажів у магазан-студію будівельних матеріалів;
- Оброблювач, оброблювачка риби;
- Продавець-консультант в магазин побутової техніки та електроніки.

А куди ви підете зі свого ІТ?)

Happy Friday. До мене нещодавно звернувся український стартапчик що розробляє (планує розробляти) інструмент на основі звісно ж ШІ для генерації коду по ваших UML діаграмах. На скільки я зрозумів, ідея щоб людина продумала архітектуру, описала зв’язки а ШІ написав код.

Питання до спільноти: чи користуєтесь ви тулами для візуалізації? Інструменти як Miro, Figjam, папір та ручка — як вони допомагають вам візуалізувати технічне рішення та зв'язки між компонентами?

Розумію що у фронтенді це доволі важко, але може хто що використовує і поділиться досвідом. Самому цікаво, може я уже відстаю.

Всім привіт. Доки готую новий матеріал, питання до спільноти, особливо до тих хто любить та активно використовує Tailwind. Чим він вам подобається? Особливо цікавить які бібліотеки компонентів на ньому використовуєте? Усілякі модалки, таби та попапи самому з нуля писати лінь, особливо коли їх уже мільйони написно. Які додаткові інструмети використовуєте? Це одного мене дратують довжелезні значення className коли починаєш стилізувати тег?

Всім привіт. Доки працюю над новими відео, маю для вас взаємовигідну пропозицію. В мене є один курс на Udemy, і там впала його оцінка. Потрібно кілька позитивних відгуків та оцінок в 5 зірочок. Пропоную обмін - я надаю безкоштоний доступ до цього курсу - ви ставите 5 зірочок. Для мене це дуже важливо. До того ж, це найпростіший спосіб підтримати мій канал, практичного нічого не треба робити. Як вам ідея?
Посилання на курс по купону https://www.udemy.com/course/react-practice-course-build-react-app-from-scratch/?couponCode=13D50E9608729F5FCD11. Повинно бути абсолютно безкоштовно.

До речі, комусь цікавий досвід створення курсів на Udemy та заробітки на цьому?

Udemy

React practice course. Build React app from scratch.

Learn React doing a real project with Storybook and unit tests.

Найперспективніший стейт менеджер для React - Zustand (назва трохи відлякує, але то таке). Можливо він буде рішенням усіх ваших проблем з вибором стейт менеджера на проєкті.
Мінімум бойлерплейта, простота використання, слідування Flax патерну — можна забути про Redux (Redux Toolkit) чи більш екзотичні рішення. Популярність стрімко росте (npm trend не дасть збрехати). Разом з тим, ще не чув жодного поганого відгуку про нього. Думаю взяти собі на озброєння.
Ще більше цікавої та корисної інформації у новому відео на каналі - https://youtu.be/GBBNisREq7A

YouTube

Zustand. Ідеальний стейт менеджер для React у 2024 році?

У світі React розробки вибір правильного стейт менеджера може бути надзвичайно складною задачею. У цьому відео ми розглянемо новий і перспективний стейт менеджер, який отримав значне визнання серед розробників - Zustand. Дізнайтеся про його функціонал, популярність…

Всім привіт. Зараз мало виходить відео на каналі - відволікся на іншу тему, якою хочу поділитися з вами. Сьогодні розповім коротко про збірку FPV дронів по програмі “Народний FPV” від Vicroty Drons.

Кожен і кожна може спробувати зібрати дрон - це просто й цікаво, не сильно відрізняється від складання Lego. Трохи дорого і проблема з доступністю комплектуючих, але якщо раніше почати - то більше часу на отримання всіх цих деталей.

Щоб зрозуміти як складати потрібно пройти безкоштовний курс. Реєстрація за посиланням https://docs.google.com/forms/d/e/1FAIpQLSfgJo3oYFxAki6RpojFhLOloa1lSLekA-VK2uJOax1RUZbbPg/viewform. З 2 лютого цей курс доступний усім на Prometheus, ось посилання - https://prometheus.org.ua/course/course-v1:Prometheus+FPV101+2024_T1. Також цей курс можна переглянути в межах проєкту Житомирський дрон https://dron.zt-rada.gov.ua/start Всі лекції записані і доступні. Також там знайдете посилання на комплектуючі, їхню вартість та де можна купити. Додам посилання на копію цього документу, де я вказую фінальну вартість яка виходить в мене (трохи дорожче) - https://docs.google.com/spreadsheets/d/1-KJ5gi22NC-EiZSBzyAxniiM2uYj7amdT58JkiGA2GE/edit?usp=sharing

Також, якщо є бажання та можливість, можете долучитися до збору на комплектуючі, посилання на банку https://send.monobank.ua/jar/4bswcvxgTZ Планую зібрати хоча б 3 дрони, перший уже майже готовий.

Скоро буде відео на цю тему. У будь-якому випадку, ці знання будуть вам корисними, тому рекомендую потратити кілька годин на навчання.

Google Docs

Інженерний онлайн-курс "Народний FPV"

Інженерний онлайн-курс "Народний FPV" Анкета для верифікації учасників курсу “Народний FPV” з метою долучення до закритої спільноти на сервері Victory Drones у Discord. Доєднуйтеся і отримуйте відповіді на свої питання у Q&A вебінарах з лекторами щовівторка!…