Free React For Beginners

🕺Я повернувся🕺

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

Тепер по суті.

👉 Готуюсь до доповіді про SOLID. Можливо зробимо прямий ефір з питаннями, як раніше. Як ви до такого ставитесь?

👉 Обдумую лекцію про безпеку - XSS, XSRF, Prototype Pollution. Питання стоїть в підході. Або просто в загальному розповісти про загрози і їх види (і тоді тут будуть ще XML, SQL ін'єкції) або йти по одному але от прямо з експлуатацією. Але тут бажано малими групами працювати. Що думаєте з цього приводу?

💊 Щодо ліків - вони вже закуплені, тепер чекаємо на звіт про отримання. Як тільки з'явиться - викладу фото отримання і фото рахунків. На рахунку ще залишилась грамулечка грошей, якщо не заперечуєте - перекинемо їх Бабічу на "Незамовлений Хеппіміл". Один буде від мене, один від спільноти.

Бережіть себе, бережіть своїх близьких.

Хотів я вам сьогодні завтра викласти відео про SOLID (дякую за ідею Anutkabreus) але захворів капітально. Тому не очікуйте на щось цікаве цього тижня. І якщо комусь не буду відповідати - теж не ображайтеся, з 38.5 не дуже "програмировай" виходить.

А от чому про SOLID, а не, наприклад DRY - тому що по-перше його багато питають на співбесідах, по-друге він складніший (з DRY, KISS, YAGNI і без мене розберетесь) а по-третє це такий цікавий принцип до якого ви будете повертатися декілька разів за свою кар'єру.

Правда в DRY теж є підводний камінчик, але про це якось потім.

Бережіть себе і не хворійте.

Фух, зробив таки нове відео!

👉 Зробив для вас нове маленьке відео з серії React Code Smells. На цей раз поговорили про всякі константи, чисті функції😅 та навіть про те, що буде якщо створювати нові компоненти прямо в іншому компоненті. Спойлер - робити таке не треба, а от чому - дізнаєтесь уже з відео.

✍️ Особливо буде корисно початківцям, але не тільки, чистий код ще нікому не завадив.

Тому дивіться, і всім гарної п'ятниці.

PS. Про плани на ефір протягом повних двох днів пам'ятаю, але поки часу на це немає, проект, адаптація та специфіка трохи мене займають. Зате цікаво!

😢Звіт по останньому збору на кровоспинний матеріал😢

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

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

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

А мені особисто дуже шкода витраченого часу і здоров'я тих хто цей матеріал не отримав. Такі справи. Пробачте.

Сподіваюся всі живі та здорові.

P.S. Намагаюся встигнути з випуском React-Code-Smells на п'ятницю.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Що думаєте?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@reactbeginners

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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