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👿
Не буду довго розводитися, просто покажу.
🖥 Подивіться на ці два зображення.
Маємо один і той самий компонент, який відрізняється одним єдиним рядком -
Побачили? Тепер подивіться на помилку в самому низу зображень:
👉 Якщо
👉 Якщо
🤯Любий Next-е, може ти вже визначишся? Бо я з тобою посивію, грець би тебе вхопив....
Насправді, ця помилка виникає коли назва парамсу, який повертає функція не співпадає з назвою теки. В даному прикладі, моя тека називається [id], а парамс - v, тому Next і кидає цю помилку. Але можна ж було це по-людськи написати .
Тепер ви знаєте.
@reactbeginners
Не буду довго розводитися, просто покажу.
🖥 Подивіться на ці два зображення.
Маємо один і той самий компонент, який відрізняється одним єдиним рядком -
use-client
на початку файлу і який я невдало намагаюся збілдати в режимі export
. Побачили? Тепер подивіться на помилку в самому низу зображень:
👉 Якщо
use-client
відсутній, помилка говорить про те що білд не можливий, бо функція generateStaticParams
не знайдена👉 Якщо
use-client
присутній, помилка каже що неможливо використовувати директиву use-client разом з функцією generateStaticParams
(тобто тут він її таки знайшов!)🤯Любий Next-е, може ти вже визначишся? Бо я з тобою посивію, грець би тебе вхопив....
Тепер ви знаєте.
@reactbeginners
👍34❤4😁4🤯2
Поки літає довбаний міг, можна подивитися як наживо верстає Бабіч 💪
👍3
Forwarded from Той самий Бабіч (Сергій Бабіч)
Ви прокинулися? Тоді гайда на лайвкотинг! Покажу кілька хитрощів, як за допомогою CSS можна зробити те, для чого зазвичай тягнуть JS.
А ще збиратимемо кошти на потреби 1-ї ОБрСпП ім. Івана Богуна, з крутезними подарунками за донати.
Чекаю на вас!
Початок об 11:00!
P.S. Я вас ще за дві хвилинки до початку пінгану
https://youtube.com/live/53M2Y1QwSlY
А ще збиратимемо кошти на потреби 1-ї ОБрСпП ім. Івана Богуна, з крутезними подарунками за донати.
Чекаю на вас!
Початок об 11:00!
P.S. Я вас ще за дві хвилинки до початку пінгану
https://youtube.com/live/53M2Y1QwSlY
YouTube
Лайвкодинг: Меню-трансформер, карусель картинок та тултипи БЕЗ JavaScript!
Під час етеру було зібрано 12 417 гривень на потреби ЗСУ.
Посилання на репозиторій з кодом: https://github.com/serhii-babich/spacecats
Чисті HTML та CSS там, де ніхто кроку без JavaScript ступити не може? А це взагалі можливо? Якщо хочеш дізнатись, то подивись…
Посилання на репозиторій з кодом: https://github.com/serhii-babich/spacecats
Чисті HTML та CSS там, де ніхто кроку без JavaScript ступити не може? А це взагалі можливо? Якщо хочеш дізнатись, то подивись…
❤14👍8
Free React For Beginners
Знову постало питання що є проблеми з TS. А ну допоможіть мені з цим розібратися:
Я + TS = ? Якщо ви обрали варіант "потрібна допомога" - обов'язково напишіть в чому і можливо вона прийде :)
Я + TS = ? Якщо ви обрали варіант "потрібна допомога" - обов'язково напишіть в чому і можливо вона прийде :)
💪 Результати вийшли цікаві, і я радий що в більшості (69%) труднощі з TypeScript виникають лише зрідка.
😎А щоб підтримувати ваш рівень на належному рівні - зробив маленьке відео про ключове слово
💡Кому цікаво чим
🤝 Дякую всім хто писав детальні коментарі про свої складнощами з TS. Це було не марно, будемо думати що з ними робити.
😎А щоб підтримувати ваш рівень на належному рівні - зробив маленьке відео про ключове слово
satisfies
, яке з'явилося в TS. 4.9💡Кому цікаво чим
satisfies
відрізняється від as
або прямого вказання типу - прошу до відео🤝 Дякую всім хто писав детальні коментарі про свої складнощами з TS. Це було не марно, будемо думати що з ними робити.
YouTube
TypeScript, приведення типів і satisfies
👉 Розбираємо помилку "argument of type is not assignable to ..." та з'ясовуємо що може нове ключове слово в TypeScript: satisfies
✉️ Telegram: https://t.me/reactbeginners
❤️ Підтримати канал: https://opencollective.com/farstar
✉️ Telegram: https://t.me/reactbeginners
❤️ Підтримати канал: https://opencollective.com/farstar
👍25❤7
Free React For Beginners
💪 Результати вийшли цікаві, і я радий що в більшості (69%) труднощі з TypeScript виникають лише зрідка. 😎А щоб підтримувати ваш рівень на належному рівні - зробив маленьке відео про ключове слово satisfies, яке з'явилося в TS. 4.9 💡Кому цікаво чим satisfies…
Судячи з усього, дві третини моїх глядачів на YouTube сидять на інтернеті від Київстар 😁
😁56👍7
Давайте трохи допоможемо Сергію. Там відносно не багато, але потрібно.
Я теж зараз трохи підкину.
Я теж зараз трохи підкину.
❤6
Forwarded from Той самий Бабіч (Сергій Бабіч)
Русня не втомлюється нагадувати усім, які вони насправді гниди і уєбани, а я ніколи не втомлюсь робити коштозбори для ЗСУ, аби вони ту гниль нищили й зтирали з лиця землі.
Якщо коротко, завтра особливий день, і до цього особливого дня наші котики-богунівці попросили скромний подарунок — просто закрити рахунки за ремонт. На загальну суму в 32 446 гривень.
Там пару гривень вже лежить, так тона Новий Рік на лебідку, так шо вважайте, шо збираєм на ремонт з нуля.
🔗Посилання на банку
https://send.monobank.ua/jar/AeXQ6YRf2X
💳Номер картки банки
5375411202918178
Якщо коротко, завтра особливий день, і до цього особливого дня наші котики-богунівці попросили скромний подарунок — просто закрити рахунки за ремонт. На загальну суму в 32 446 гривень.
Там пару гривень вже лежить, так то
🔗Посилання на банку
https://send.monobank.ua/jar/AeXQ6YRf2X
💳Номер картки банки
5375411202918178
❤25👍6
Прикол - тільки що знайшов на чому побудована мобільна версія Steam-у
Вгадаєте на чому він написаний?
А ось на чому: React Native, React, Axios, React Query і, напевно найцікавіше тут - MobX! А ви кажете redux, recoil...
Всім тихих вихідних!
@reactbeginners
Вгадаєте на чому він написаний?
Всім тихих вихідних!
@reactbeginners
👍15🤯2❤1
Працює - не чіпай
🧐 Як і ви, я не одноразово чув цю тезу від колег, старших розробників і навіть з анекдотів*. Але сліпе використання цього принципу приносить багато шкоди і створює замкнуте коло:
1: Написали код;
2: Змінилися вимоги, або обставини;
3: Працює - не чіпай;
4: Наліпили костилів;
continue 1;
🪚 Замість того, щоб обережно підпилити один шматок коду, ми накручуємо на нього спочатку ізоленту, потім скотч, потім армований скотч, а потім бетонуємо все арматурою. І в якийсь момент це все перетворюється на архітектуру костилів на вістрі голки, коли одна необережна думка валить це все команді на голову. А проект все ще потрібно не просто підтримувати, а ще й розвивати.
😊 Тому, на мою думку, постійний рефакторинг є необхідною передумовою для того, щоб ваш проект міг спокійно розвиватися з часом.
То ж не бійтеся постійно переглядати ваш код. Адаптуйте його до нових вимог, покращуйте його, перейменовуйте та спрощуйте.
@reactbeginners
🧐 Як і ви, я не одноразово чув цю тезу від колег, старших розробників і навіть з анекдотів*. Але сліпе використання цього принципу приносить багато шкоди і створює замкнуте коло:
1: Написали код;
2: Змінилися вимоги, або обставини;
3: Працює - не чіпай;
4: Наліпили костилів;
continue 1;
🪚 Замість того, щоб обережно підпилити один шматок коду, ми накручуємо на нього спочатку ізоленту, потім скотч, потім армований скотч, а потім бетонуємо все арматурою. І в якийсь момент це все перетворюється на архітектуру костилів на вістрі голки, коли одна необережна думка валить це все команді на голову. А проект все ще потрібно не просто підтримувати, а ще й розвивати.
😊 Тому, на мою думку, постійний рефакторинг є необхідною передумовою для того, щоб ваш проект міг спокійно розвиватися з часом.
То ж не бійтеся постійно переглядати ваш код. Адаптуйте його до нових вимог, покращуйте його, перейменовуйте та спрощуйте.
@reactbeginners
👍26❤7
TypeScript - викинути не можна залишити (21.12, 20:00)
😎 А ось і обіцяне відео з доповіді, яку я провів для Житомирської Політехніки, на запрошення пана Романа.
🧠 Мета цього відео - не викласти вам готову відповідь, чи потрібен TS чи ні, а дати матеріал для роздумів, аби ви могли прийняти власне та обдумане рішення щодо потрібності цього інструменту. Бо, як я казав на самому початку, дядьо з телевізору може будь-яку фігню нести, а нам з цим потім працювати.
📅 Відео вийде о 20:00, у четвер, тобто сьогодні. Усім гарного перегляду.
Бережіть себе, допомагайте ЗСУ, скоро побачимося!
@reactbeginners
😎 А ось і обіцяне відео з доповіді, яку я провів для Житомирської Політехніки, на запрошення пана Романа.
🧠 Мета цього відео - не викласти вам готову відповідь, чи потрібен TS чи ні, а дати матеріал для роздумів, аби ви могли прийняти власне та обдумане рішення щодо потрібності цього інструменту. Бо, як я казав на самому початку, дядьо з телевізору може будь-яку фігню нести, а нам з цим потім працювати.
📅 Відео вийде о 20:00, у четвер, тобто сьогодні. Усім гарного перегляду.
Бережіть себе, допомагайте ЗСУ, скоро побачимося!
@reactbeginners
YouTube
TypeScript - викинути не можна залишити. Кому постав сам.
👉TypeScript - переваги, недоліки. Розмова для роздумів, чи потрібен вам TypeScript на проекті.
✉️ Telegram: https://t.me/reactbeginners
❤️ Підтримати канал: https://opencollective.com/farstar
✉️ Telegram: https://t.me/reactbeginners
❤️ Підтримати канал: https://opencollective.com/farstar
👍23❤11
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
Доброго ранку, котики! Сьогодні п'ятниця, а отже прийшов час Незамовленого Гепі Мілу. Раніше у нас в сім'ї була традиція щоп'ятниці замовляти нашим дітям по Гепі Мілу, після чого ми сідали поряд та дивилися разом кіно чи мультик. І так відбувалося щотижня. До 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