❤️Створимо казку разом!❤️
Завтра день Святого Миколая і це чудова нагода покодити щось цікаве.
Давайте зберемося сьогодні, у Вівторок, о 19:00 і спробуємо написати інтерактивну казку на Next.JS
В програмі:
=> Дитяча казка про дівчинку Юсю та Снігокрай
=> Доросла казка про Next.JS та експорт в статику
=> 18+ казка про деплоймент Next.JS на GhPages
Ефір буде тривати до переможного кінця, але сподіваюся не більше ніж 3 години.
Приходьте, буде цікаво 😍
П.М. Так, мені привезли мікрофон 😅
П.П.М. репозиторій
@reactbeginners
Завтра день Святого Миколая і це чудова нагода покодити щось цікаве.
Давайте зберемося сьогодні, у Вівторок, о 19:00 і спробуємо написати інтерактивну казку на Next.JS
В програмі:
=> Дитяча казка про дівчинку Юсю та Снігокрай
=> Доросла казка про Next.JS та експорт в статику
=> 18+ казка про деплоймент Next.JS на GhPages
Ефір буде тривати до переможного кінця, але сподіваюся не більше ніж 3 години.
Приходьте, буде цікаво 😍
П.М. Так, мені привезли мікрофон 😅
П.П.М. репозиторій
@reactbeginners
YouTube
Next.JS та казка на Святого Миколая
❤️ Давайте разом створимо казку до дня Святого Миколая і викладемо її для всіх
В програмі:
- Дитяча казка про дівчинку Юсю та Снігокрай
- Доросла казка про Next.JS та експорт в статику
- 18+ казка про деплоймент Next.JS на GhPages
🔨 Код https://gith…
В програмі:
- Дитяча казка про дівчинку Юсю та Снігокрай
- Доросла казка про Next.JS та експорт в статику
- 18+ казка про деплоймент Next.JS на GhPages
🔨 Код https://gith…
❤36🔥11❤🔥2👍1
Free React For Beginners
❤️Створимо казку разом!❤️ Завтра день Святого Миколая і це чудова нагода покодити щось цікаве. Давайте зберемося сьогодні, у Вівторок, о 19:00 і спробуємо написати інтерактивну казку на Next.JS В програмі: => Дитяча казка про дівчинку Юсю та Снігокрай…
❤️А це маленький подарунок, який буде розіграний серед тих, хто поширить цей ефір в соціальних мережах.
Для того щоб взяти участь у розіграші потрібно поширити лінк на ефір на Ютуб та надіслати мені скріншот, щоб я додав вас у список 😎
Приймаються дописи в LinkedIn, Instagram, Facebook)
Дякую тій людини хто його мені віддав на ефір 😍
@reactbeginners
Для того щоб взяти участь у розіграші потрібно поширити лінк на ефір на Ютуб та надіслати мені скріншот, щоб я додав вас у список 😎
Приймаються дописи в LinkedIn, Instagram, Facebook)
Дякую тій людини хто його мені віддав на ефір 😍
@reactbeginners
👍27❤8❤🔥1
🔨Чотири з половиною години йшов Ефір🔨
😢 І в кінці кінців 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