Free React For Beginners
3.46K subscribers
231 photos
5 videos
1 file
385 links
💻 Про #React та #frontend та #веб розробку
🧑‍🎓 Для початківців і не тільки

👉 https://www.youtube.com/@reactdev
Download Telegram
Forwarded from Той самий Бабіч (Сергій Бабіч)
Хто любить котиків? Усі люблять котиків! І я люблю котиків. Я можу не любити React, але котики — святе. Тому просто приходьте до мене в гості цієї неділі, об 11:00 ранку, аби затишно посидіти в чатику на ютубі і подивитися, як я буду показувати чудеса верстки і робити виключно на HTML та CSS те, для чого зазвичай тягнуть JavaScript. Що буду верстати? Сайт про котиків, звичайно ж!

А заодно й зберемо трошки гривень для наших котиків-богунівців. То як, ждать вас в гості?

🔥 ЛАЙВКОТИНГ №1 🔥
📅 10 грудня, 11:00

Переходьте й обовʼязково ставте дзвіночок-нагадування.
Please open Telegram to view this post
VIEW IN TELEGRAM
44❤‍🔥8👍5
😈За що я "люблю" Next.JS👿

Не буду довго розводитися, просто покажу.

🖥 Подивіться на ці два зображення.

Маємо один і той самий компонент, який відрізняється одним єдиним рядком - use-client на початку файлу і який я невдало намагаюся збілдати в режимі export.

Побачили? Тепер подивіться на помилку в самому низу зображень:

👉 Якщо use-client відсутній, помилка говорить про те що білд не можливий, бо функція generateStaticParams не знайдена

👉 Якщо use-client присутній, помилка каже що неможливо використовувати директиву use-client разом з функцією generateStaticParams (тобто тут він її таки знайшов!)

🤯Любий Next-е, може ти вже визначишся? Бо я з тобою посивію, грець би тебе вхопив....

Насправді, ця помилка виникає коли назва парамсу, який повертає функція не співпадає з назвою теки. В даному прикладі, моя тека називається [id], а парамс - v, тому Next і кидає цю помилку. Але можна ж було це по-людськи написати.

Тепер ви знаєте.

@reactbeginners
👍344😁4🤯2
Поки літає довбаний міг, можна подивитися як наживо верстає Бабіч 💪
👍3
Forwarded from Той самий Бабіч (Сергій Бабіч)
Ви прокинулися? Тоді гайда на лайвкотинг! Покажу кілька хитрощів, як за допомогою CSS можна зробити те, для чого зазвичай тягнуть JS.
А ще збиратимемо кошти на потреби 1-ї ОБрСпП ім. Івана Богуна, з крутезними подарунками за донати.
Чекаю на вас!

Початок об 11:00!

P.S. Я вас ще за дві хвилинки до початку пінгану

https://youtube.com/live/53M2Y1QwSlY
14👍8
This media is not supported in your browser
VIEW IN TELEGRAM
😅ТОВ СТО СТЕП
😁2111🔥7👍3
Free React For Beginners
Знову постало питання що є проблеми з TS. А ну допоможіть мені з цим розібратися:

Я + TS = ? Якщо ви обрали варіант "потрібна допомога" - обов'язково напишіть в чому і можливо вона прийде :)
💪 Результати вийшли цікаві, і я радий що в більшості (69%) труднощі з TypeScript виникають лише зрідка.

😎А щоб підтримувати ваш рівень на належному рівні - зробив маленьке відео про ключове слово satisfies, яке з'явилося в TS. 4.9

💡Кому цікаво чим satisfies відрізняється від as або прямого вказання типу - прошу до відео

🤝 Дякую всім хто писав детальні коментарі про свої складнощами з TS. Це було не марно, будемо думати що з ними робити.
👍257
Давайте трохи допоможемо Сергію. Там відносно не багато, але потрібно.
Я теж зараз трохи підкину.
6
Forwarded from Той самий Бабіч (Сергій Бабіч)
Русня не втомлюється нагадувати усім, які вони насправді гниди і уєбани, а я ніколи не втомлюсь робити коштозбори для ЗСУ, аби вони ту гниль нищили й зтирали з лиця землі.

Якщо коротко, завтра особливий день, і до цього особливого дня наші котики-богунівці попросили скромний подарунок — просто закрити рахунки за ремонт. На загальну суму в 32 446 гривень.

Там пару гривень вже лежить, так то на Новий Рік на лебідку, так шо вважайте, шо збираєм на ремонт з нуля.

🔗Посилання на банку
https://send.monobank.ua/jar/AeXQ6YRf2X

💳Номер картки банки
5375411202918178
25👍6
Що ж, і таке буває.

А щоб підняти вам і собі настрій - ловіть фотку бійців з нашою пічкою. Тепер їм буде тепліше 😊

Збір не оголошував, бо зміг просто закрити з ЗП 😎, а у людей грошей не так що багато. Але якщо хочете приймати в такому участь - поставте 🔥

Тихої вам решти дня!
22🔥16
В четвер буду виступати для Житомирської Політехніки з темою "TypeScript - викинути не можна залишити".

🎞А сам запис, трохи пізніше, буде викладений на YouTube, для вас. Може кому буде в нагоді.

П.М. Дякую за підтримку до попереднього посту. Все бачу, все зробимо!
46👍23
Прикол - тільки що знайшов на чому побудована мобільна версія Steam-у

Вгадаєте на чому він написаний?

А ось на чому: React Native, React, Axios, React Query і, напевно найцікавіше тут - MobX! А ви кажете redux, recoil...

Всім тихих вихідних!

@reactbeginners
👍15🤯21
Працює - не чіпай

🧐 Як і ви, я не одноразово чув цю тезу від колег, старших розробників і навіть з анекдотів*. Але сліпе використання цього принципу приносить багато шкоди і створює замкнуте коло:

1: Написали код;
2: Змінилися вимоги, або обставини;
3: Працює - не чіпай;
4: Наліпили костилів;

continue 1;

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

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

То ж не бійтеся постійно переглядати ваш код. Адаптуйте його до нових вимог, покращуйте його, перейменовуйте та спрощуйте.

@reactbeginners
👍267
TypeScript - викинути не можна залишити (21.12, 20:00)

😎 А ось і обіцяне відео з доповіді, яку я провів для Житомирської Політехніки, на запрошення пана Романа.

🧠 Мета цього відео - не викласти вам готову відповідь, чи потрібен TS чи ні, а дати матеріал для роздумів, аби ви могли прийняти власне та обдумане рішення щодо потрібності цього інструменту. Бо, як я казав на самому початку, дядьо з телевізору може будь-яку фігню нести, а нам з цим потім працювати.

📅 Відео вийде о 20:00, у четвер, тобто сьогодні. Усім гарного перегляду.

Бережіть себе, допомагайте ЗСУ, скоро побачимося!

@reactbeginners
👍2311
Давайте приєднаємось. ❤️
3
Forwarded from Той самий Бабіч (Сергій Бабіч)
Незамовлений Гепі Міл №51

Доброго ранку, котики! Сьогодні п'ятниця, а отже прийшов час Незамовленого Гепі Мілу. Раніше у нас в сім'ї була традиція щоп'ятниці замовляти нашим дітям по Гепі Мілу, після чого ми сідали поряд та дивилися разом кіно чи мультик. І так відбувалося щотижня. До 24.02.22. Сьогодні ми уже знову маємо можливість замовляти Гепі Міли, проте понад 500 дітей, що загинули від рук російських загарбників, уже не матимуть такої можливости ніколи. Ми ж з вами можемо вшанувати їхню пам'ять, допомігши тим дітям, що потребують допомоги тут і зараз.

#НезамовленийГепіМіл — це один внесок від однієї людини. 135 гривень — це вартість одного Гепі Мілу. Не 200, не 500, не 10000. Рівно 135. Минулого разу ми разом з вами зібрали 7 830 гривень, згуртувавши таким чином 58 добродіїв! А від початку року ми разом з вами зібрали та передали уже 566 517 гривень!

Зібрані протягом тижня кошти я передаю до чернівецького дитячого центру "Мрія Марти" (Місто Добра).

Дякую вам, котики.

💖 Подарували Гепі Міл? Поставте серденько та поширте сей допис.

***
1 добродій = 1 Гепі Міл = 135 гривень.

Реквізити банки Незамовленого Гепі Мілу:
🔗 https://send.monobank.ua/jar/9B34YovBRP
💳 5375411204247873
10👍3