🔨Чотири з половиною години йшов Ефір🔨
😢 І в кінці кінців Next.JS мене таки підвів. Те що працювало локально - не працювало на сервері. Виявилося (хто б міг подумати) що Next не гарантує однакову поведінку для локальної розробки та під час експорту в статику.
😎Але ні мене, ні слухачів це не зупинило і ми просто переписали апку з Next.JS на чистий React. І, ви не повірите, але воно працює 😊 Хоча, звісно, дизайнер з мене дуже посередній.
😅 Вже зараз я розумію що, насправді, можна було обійтися без переписування, але вночі все виглядало трохи складніше.
Ефір можна подивитися тут
Репозиторій тут
❤️Дякую всім хто був зі мною на цьому майже марафоні - Ви круті!
😍Вітаю всіх із днем Святого Миколая
💪Вітаю всіх із днем Збройних Сил України.
А це вам маленький подарунок
😢 І в кінці кінців Next.JS мене таки підвів. Те що працювало локально - не працювало на сервері. Виявилося (хто б міг подумати) що Next не гарантує однакову поведінку для локальної розробки та під час експорту в статику.
😎Але ні мене, ні слухачів це не зупинило і ми просто переписали апку з Next.JS на чистий React. І, ви не повірите, але воно працює 😊 Хоча, звісно, дизайнер з мене дуже посередній.
😅 Вже зараз я розумію що, насправді, можна було обійтися без переписування, але вночі все виглядало трохи складніше.
Ефір можна подивитися тут
Репозиторій тут
❤️Дякую всім хто був зі мною на цьому майже марафоні - Ви круті!
😍Вітаю всіх із днем Святого Миколая
💪Вітаю всіх із днем Збройних Сил України.
А це вам маленький подарунок
❤54👍14
Знову постало питання що є проблеми з TS. А ну допоможіть мені з цим розібратися:
Я + TS = ? Якщо ви обрали варіант "потрібна допомога" - обов'язково напишіть в чому і можливо вона прийде :)
Я + TS = ? Якщо ви обрали варіант "потрібна допомога" - обов'язково напишіть в чому і можливо вона прийде :)
Anonymous Poll
14%
Жодних проблем
69%
Зідка Бувають складнощі
18%
Потрібна допомога (напишу в коментарях)
👍7
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