TGViewer
Channel Public Channel
Free React For Beginners

Free React For Beginners

@reactbeginners

💻 Про #React та #frontend та #веб розробку
🧑‍🎓 Для початківців і не тільки

👉 https://www.youtube.com/@reactdev
Subscribers
3.04K
Photos
231
Videos
5
Links
387

Showing posts older than #463 · Back to latest

Older Posts 16 shown
Post #462 2.32K
В четвер буду виступати для Житомирської Політехніки з темою "TypeScript - викинути не можна залишити".

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

П.М. Дякую за підтримку до попереднього посту. Все бачу, все зробимо!
  • ❤ 46
  • 👍 23
Post #461 2.17K
Що ж, і таке буває.

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

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

Тихої вам решти дня!
  • ❤ 22
  • 🔥 16
Post #457 1.75K

Forwarded from Той самий Бабіч (Сергій Бабіч)

Русня не втомлюється нагадувати усім, які вони насправді гниди і уєбани, а я ніколи не втомлюсь робити коштозбори для ЗСУ, аби вони ту гниль нищили й зтирали з лиця землі.

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

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

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

💳Номер картки банки
5375411202918178
  • ❤ 25
  • 👍 6
Post #456 1.65K
Давайте трохи допоможемо Сергію. Там відносно не багато, але потрібно.
Я теж зараз трохи підкину.
  • ❤ 6
Post #455 1.78K
Free React For Beginners 💪 Результати вийшли цікаві, і я радий що в більшості (69%) труднощі з TypeScript виникають лише зрідка. 😎А щоб підтримувати ваш рівень на належному рівні - зробив маленьке відео про ключове слово satisfies, яке з'явилося в TS. 4.9 💡Кому цікаво чим satisfies…
Судячи з усього, дві третини моїх глядачів на YouTube сидять на інтернеті від Київстар 😁
  • 😁 56
  • 👍 7
Post #454 2.07K
Free React For Beginners Знову постало питання що є проблеми з TS. А ну допоможіть мені з цим розібратися: Я + TS = ? Якщо ви обрали варіант "потрібна допомога" - обов'язково напишіть в чому і можливо вона прийде :)
💪 Результати вийшли цікаві, і я радий що в більшості (69%) труднощі з TypeScript виникають лише зрідка.

😎А щоб підтримувати ваш рівень на належному рівні - зробив маленьке відео про ключове слово 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
  • 👍 25
  • ❤ 7
Post #453 1.78K
😅ТОВ СТО СТЕП
  • 😁 21
  • ❤ 11
  • 🔥 7
  • 👍 3
Post #452 1.99K

Forwarded from Той самий Бабіч (Сергій Бабіч)

Ви прокинулися? Тоді гайда на лайвкотинг! Покажу кілька хитрощів, як за допомогою CSS можна зробити те, для чого зазвичай тягнуть JS.
А ще збиратимемо кошти на потреби 1-ї ОБрСпП ім. Івана Богуна, з крутезними подарунками за донати.
Чекаю на вас!

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

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

https://youtube.com/live/53M2Y1QwSlY
YouTube Лайвкодинг: Меню-трансформер, карусель картинок та тултипи БЕЗ JavaScript! Під час етеру було зібрано 12 417 гривень на потреби ЗСУ. Посилання на репозиторій з кодом: https://github.com/serhii-babich/spacecats Чисті HTML та CSS там, де ніхто кроку без JavaScript ступити не може? А це взагалі можливо? Якщо хочеш дізнатись, то подивись…
  • ❤ 14
  • 👍 8
Post #451 1.63K
Поки літає довбаний міг, можна подивитися як наживо верстає Бабіч 💪
  • 👍 3
Post #449 2K
😈За що я "люблю" Next.JS👿

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

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

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

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

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

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

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

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

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

@reactbeginners
  • 👍 34
  • ❤ 4
  • 😁 4
  • 🤯 2
Post #448 1.56K

Forwarded from Той самий Бабіч (Сергій Бабіч)

Хто любить котиків? Усі люблять котиків! І я люблю котиків. Я можу не любити React, але котики — святе. Тому просто приходьте до мене в гості цієї неділі, об 11:00 ранку, аби затишно посидіти в чатику на ютубі і подивитися, як я буду показувати чудеса верстки і робити виключно на HTML та CSS те, для чого зазвичай тягнуть JavaScript. Що буду верстати? Сайт про котиків, звичайно ж!

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

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

Переходьте й обовʼязково ставте дзвіночок-нагадування.
  • ❤ 44
  • ❤‍🔥 8
  • 👍 5
Post #447 1.77K
  • 👍 7
Post #446 1.82K
🔨Чотири з половиною години йшов Ефір🔨

😢 І в кінці кінців Next.JS мене таки підвів. Те що працювало локально - не працювало на сервері. Виявилося (хто б міг подумати) що Next не гарантує однакову поведінку для локальної розробки та під час експорту в статику.

😎Але ні мене, ні слухачів це не зупинило і ми просто переписали апку з Next.JS на чистий React. І, ви не повірите, але воно працює 😊 Хоча, звісно, дизайнер з мене дуже посередній.

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

Ефір можна подивитися тут
Репозиторій тут


❤️Дякую всім хто був зі мною на цьому майже марафоні - Ви круті!
😍Вітаю всіх із днем Святого Миколая
💪Вітаю всіх із днем Збройних Сил України.

А це вам маленький подарунок
  • ❤ 54
  • 👍 14
Post #445 1.7K
Post #444 1.8K
Free React For Beginners ❤️Створимо казку разом!❤️ Завтра день Святого Миколая і це чудова нагода покодити щось цікаве. Давайте зберемося сьогодні, у Вівторок, о 19:00 і спробуємо написати інтерактивну казку на Next.JS В програмі: => Дитяча казка про дівчинку Юсю та Снігокрай…
❤️А це маленький подарунок, який буде розіграний серед тих, хто поширить цей ефір в соціальних мережах.

Для того щоб взяти участь у розіграші потрібно поширити лінк на ефір на Ютуб та надіслати мені скріншот, щоб я додав вас у список 😎

Приймаються дописи в LinkedIn, Instagram, Facebook)

Дякую тій людини хто його мені віддав на ефір 😍

@reactbeginners
  • 👍 27
  • ❤ 8
  • ❤‍🔥 1
Post #443 2.35K
❤️Створимо казку разом!❤️

Завтра день Святого Миколая і це чудова нагода покодити щось цікаве.

Давайте зберемося сьогодні, у Вівторок, о 19:00 і спробуємо написати інтерактивну казку на Next.JS

В програмі:

=> Дитяча казка про дівчинку Юсю та Снігокрай
=> Доросла казка про Next.JS та експорт в статику
=> 18+ казка про деплоймент Next.JS на GhPages

Ефір буде тривати до переможного кінця, але сподіваюся не більше ніж 3 години.

Приходьте, буде цікаво 😍

П.М. Так, мені привезли мікрофон 😅
П.П.М. репозиторій

@reactbeginners
YouTube Next.JS та казка на Святого Миколая ❤️ Давайте разом створимо казку до дня Святого Миколая і викладемо її для всіх В програмі: - Дитяча казка про дівчинку Юсю та Снігокрай - Доросла казка про Next.JS та експорт в статику - 18+ казка про деплоймент Next.JS на GhPages 🔨 Код https://gith…
  • ❤ 36
  • 🔥 11
  • ❤‍🔥 2
  • 👍 1
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →