Вітаю з відбоєм!

UPD - Все зібрано, дякую всім хто долучився!

❗️Дуже велике прохання всім хто закинув гроші і не отримав від мене підтвердження - НАПИШІТЬ МЕНІ❗️

💰 А ще в нас тепер є банка, де все-все видно

Субота, ранок, а я готуюсь до виступу і нервую як на першому!

🕺 А на столі в мене подаруночки, і їх навіть більше ніж я обіцяв. А чому? Бо ви дуже круті, і просто написати дякую - я не можу, цього просто мало!

👉 Тож приходьте сьогодні на ефір (він о 14:00), послухайте мене знервованого і заберіть ці подарунки))

❗️А ось список учасників розіграшу. Якщо ви себе не знайшли, або не співпадають цифри - дайте мені знати!

***твєєва: 7; ***rck: 2; ***ytrokolisnyk: 10; ***volvatres: 1; ***lomka: 3; ***ekrumian: 5; ***ahomet: 5; ***helg: 2; ***g_alex: 2; ***ryna_the_eye: 1; ***sana_stets: 2

Все, побіг готуватись щоб не осоромитись!

Ефір готовий для перегляду, але давайте з головного

💰 Завдяки вам і спільноті @fwdays (це вони проводять конференції не зважаючи на війну) ми зібрали 13_141 гривен. На ці гроші, я, сьогодні, куплю таку штуку як Pahacell. Це кровоспинний матеріал, який через певний час розсмоктується в рані і його не потрібно звідти вирізати. І вже на цьому тижні наша посилка буде в госпіталі робити свою добру справу. Тож величезне вам дякую, це дуже важливо і єдино про що я шкодую, що ми не можемо купити його хоча б ящик. Накладна буде також сьогодні, я її сюди викладу і оновлю нашу таблицю з донатами.

❤️ Подарунки також вже відправлені (ще в суботу) тож вже мають бути у вас. Їх три комплекти і після суботнього ефіру Itera Ukraine вирішила нам підкинути ще трохи. Тож, якщо ви не заперечуєте, ми цей збір трохи пізніше повторимо.

👉 А от щодо самого ефіру - мені потрібна ваша думка, тож, будь-ласка дайте відповідь на наступне коротеньке опитування

Поки я чекаю на накладну - давайте про навчальні активності на цей тиждень

👉 Ще одне коротке відео про querySelector, useCallback, і відписки від fetch з useCallback. Поговоримо про їх не правильне використання і помилки до яких це призводить. Прикладу коду в процесі, відео буде в середу - четвер.

👉 Зробити текстову вижимку до пункту 1 для тих кому текстовий формат зручніший (як мені)

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

👉 Ще хочу показати цікаву штуку з TypeScript (використання проекцій типів), але не знаю як це краще зробити, бо це просто відірвана, але прикольна фіча. Можливо зроблю 10 хвилинне відео. Якщо є ідеї - пишіть в коментарі.

Після цього піду трохи на паузу бо треба здати екзамен для допуску до польотів на FPV (а це капець як складно для мене) та відпочити перед стартом проекту.

А які плани у вас?

Обіцяний звіт про придбане

Загалом ми придбали 0.36м2 кровоспинного матеріалу і витратили трохи більше 14_000 гривень. Відправка в госпіталь буде на цьому тижні, чекаємо на фото звідти.

Ще раз дякую всім хто долучився.

Пост для роздумів про зброю

👉 Зброї в Україні не просто багато, а дуже багато

Весною 2022 року, в Україні відбулась так звана "хатсанізація" країни (хатсан - турецька торгова марка зброї). Тільки в Києві і тільки до початку літа було видано більше 10_000 тимчасових дозволів на зброю для цивільних. Загальна кількість зброї набагато більша і продовжує зростати.

👉 Отримати зброю звичайній цивільній особі - не щось незвичайне

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

👉 Цивільна зброя, при вмілому використанні, може бути ефективною проти загарбника

Ходить байка, яку я чув вже не від однієї людини, що під час наступу на Києв, колона військової техніки була зупинена двома цивільними, які обстрілювали її з великої дистанції імітуючи роботу снайперів ЗСУ. Правда це чи ні, але те, що цивільні успішно* партизанили по лісах зі звичайною цивільною зброєю - факт.

👉 Звичайно, не все так рожево-райдужно.

❗️ Зброя вимагає суворої обережності при зберіганні та використанні.
❗️ Зброя вимагає постійної практики, особливо на початку.
❗️ Зброя коштує грошей на купівлю і на практику, і чимало.
❗️ Мисливські (цивільні) набої не ефективні проти засобів індивідуального захисту (за виключенням шоломів)

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

👉Тому, кого ця тема зацікавила - запрошую до обговорення Вогнепальної зброї для цивільних, яке відбудеться в цю суботу.

На цьому тему зброї на каналі будемо вважати закритою, переходимо знову до React. У кого є питання - прошу в приват.

Перший випуск React Code Smells - чому не потрібно зберігати похідні дані в State та що робити щоб їх не зберігати

🎉 Зробив перший випуск React-Code-Smells - рубрики коротких відео про помилки або так звані bad practice в React.

Ось вижимка (але зайдіть подивіться, відео аж 5 хвилин)

✍️ Похідні дані це такі дані які повністю залежать від інших (даних) і мають змінюватися разом з ними. Наприклад валідаційні дані, ціна зі знижкою, тощо.
✍️ Похідні дані не треба зберігати в стейті. Це роздуває і ускладнює стейт, створює простір для помилок.
✍️ Замість збереження таких даних - обраховуйте їх під час рендеру. Якщо правила обрахування складні - виносьте ці правила в окрему, чисту, функцію і тестуйте її. Це підвищить надійність коду і навіть читабельність.

Окремо лежить репозиторій з прикладами, які планую потроху доповнювати.

А які ознаки "поганого коду" ви знаєте? Напишіть в коментарях і, можливо, вони з'являться в наступних відео з посиланням на вас 😎

@reactbeginners

React та зомбі процеси, або чому потрібно відписуватися від усяких інтервалів та fetch-ів

🤩 Ще одне відео з серії #ReactCodeSmells. На цей раз 7 хвилин про те, чому і як потрібно відписуватись від усіляких setInterval, setTimeout, та fetch і що буде якщо ні.

Ну і коротенька вижимка для текстофілів

✍️ React не вміє автоматично відміняти триваючи в часі завдання. Відповідно, може статися ситуація, коли вони будуть вже не потрібні, але продовжать виконуватися.

✍️ Для відміни таких "процесів", з хуку useEffect поверніть метод, який буде викликаний перед видаленням компоненту.

✍️ Для відміни fetch, використовуйте AbortController або axios (але там теж AbortController вже)

Гарних всім вихідних!
@reactbeginners

А давайте завтра зробимо ефір з ChatGPT та Реакт.

Подивимось що зможемо накодити.

Ідеї щодо того, що будемо створювати - в коментарі!

Ефір так ефір - 19/02, 13:00!

Ну що, давайте подивимось що в нас вийде якщо схрестити React та ChatGPT.

Нічого серйозного не пропоную - будемо експерементувати разом. Тому всі в чат!

А спонсором цього шедеврального каверу є нейронна мережа DELL E 2 яка видала його на такий запит: "Cover image for YouTube stream about the ChatGPT and ReactJs framework "

Коротше буде весело)

🕺 Ну, ми починаємо :)🕺

👉 Приєднуйтесь і не забувайте писати ваші пропозиції в чат стріму. Будемо їх також пробувати!

Відкриваємо реєстрацію на найочікуванішу конференцію JavaScript fwdays’23 🤩

Цікаві кейси, новинки та інсайти пов’язані із Frontend, JS, TypeScript, Node.js, Testing, Performance та багато іншого.

Зареєструватися 👉 http://bit.ly/3Kn63wy

Конференція відбудеться в онлайн-форматі та буде доступна для кожного 🔥

🗓 Основні дні конференції – 18 та 20 травня (четвер та субота).
🗣 Конференція проходитиме англійською та українською мовами з доповідями від локальних та міжнародних спікерів.
💻 Додаткові будні дні з воркшопами.

А також ми готуємо дещо цікаве в офлайн форматі, але про це пізніше 🤫

Незабаром відкриється продаж квитків. 10% від вартості кожного квитка буде спрямовано гуманітарним фондам або довіреним волонтерським групам України 💙💛

🧐Ну що, розходимось?🧐

😅 Схоже що Chat GPT досить непогано закриває питання початківців + він завжди доступний і в нього завжди можна перепитати.

Що думаєте?

Можна привітати - я таки здав 😎

З муками і стражданнями, але я таки пройшов два екзамени і отримав свою сертифікцію FPV пілота.

Кому цікаво - це дійсно складніше ніж на DJI, але і набагато цікавіше. Якщо порівнювати то DJI як мерседес, а FPV - це спортивний байк який може влупити тебе в стіну при першому не обережному русі.

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

А наступний тиждень буде присвячений новому проекту (то ж не очікуйте на багато активності) і вже потім я буду розуміти скільки і на що в буде час.

Але, скоріше за все, продовжу рубрику React Code Smells - тож надсилайте пропозиції для розбору, можливо саме вони з'являться на нашому каналі.

Бережіть себе, тихих всім вихідних!

Є в мене до вас маленьке проханнячко!

❗️❗️❗️Давайте собі відпочивати!

😢 Вже не перший раз бачу/чую що "мізки киплять, нічого не виходить, все капець". І от що я хочу сказати:

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

❤️ Так, вивчити треба багато, я розумію. Так, часу мало, я теж це розумію. Але навчання, коли голова розривається на друзки, це не навчання, це мука яка нічого не дасть вам та ще й відверне від професії.

Бережіть себе і свою голову!

З таємних настанов таємного ордену

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

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

Досліджуйте нові бібліотеки, щоб знаходити нові традиції, що допоможуть впроваджувати нові функції та розв'язувати складні завдання

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

❓Якщо вас цікавить що це була за маячня❓

👉 То відповідь дуже проста: ChatGPT + Lovecraft + трохи інфоциганщини

😎 І саме такий "цікавий" у мене настрій сьогодні. Але, насправді, не все так погано, скоріше трохи іронічно. Та є в цьому й плюс, бо тепер у мене ще більше матеріалу для випуску ReactCodeSmells 😀

Тож, якщо все буде добре, в п'ятницю будемо дивитися на useCallback. Бо є уявлення що це магічна штука яка просто робить все трохи краще.

Бережіть себе, скоро побачимось!

Виховуйте useCallback правильно!

😉 А ось і обіцяне відео з циклу React-Code-Smells. Цього разу про useCallback, про хибні теорії і про те як використовувати цей хук біль-менш правильно. Це все ж таки інструмент оптимізації, а, як відомо, передчасні оптимізації ще та какашка.

👉 Тож дивіться, запитуйте і пропонуйте власні приклади для рубрики React Code Smells.

❤️ А ну і ставте лайки, сьогодні ми працюємо виключно на них!

Бережіть себе, всіх з весною!