TGViewer
Channel Public Channel
Free React For Beginners

Free React For Beginners

@reactbeginners

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

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

Showing posts older than #362 · Back to latest

Older Posts 20 shown
Post #361 1.7K
Free React For Beginners Нагадую - створювати компоненти в середині компонентів погана ідея. ✍️ Хоча це інкапсуляція (добро), але з точки зору реалізації React це зло, і воно суттєво переважує. Всі ж знають чому? П.М. На зображенні - оригінальна версія матрьошки - та яка з Японії.
Приклад того як НЕ треба

Як гадаєте, чому?

Повна відповідь буде трохи пізніше
  • 👍 9
Post #360 1.66K
Нагадую - створювати компоненти в середині компонентів погана ідея.

✍️ Хоча це інкапсуляція (добро), але з точки зору реалізації React це зло, і воно суттєво переважує.

Всі ж знають чому?

П.М. На зображенні - оригінальна версія матрьошки - та яка з Японії.
  • 👍 15
  • ❤ 1
  • 😁 1
Post #359 1.56K
Ну так і є)
Правда не скажу що все це він робить добре 😁
  • 😁 39
  • 👍 6
  • 💯 6
  • 🤯 2
  • 🤩 1
Post #358 1.59K
Оцей <Image/> з Next.JS класна штука

👉Він автоматично регулює вагу зображення
👉Сам визначає width та height і мені більше не треба з цим мучитися
👉Автоматично додає йому lazy, щоб не вантажити зображення які користувач поки не бачить

Круто правда?

❗️Але є два нюанси (ну завжди є нюанс)

😢 По-перше: Image не працює якщо ви хочете експортувати Next.JS в статичний сайт
😢 По-друге: не забувайте додавати priority атрибут для головного зображення на сторінці, бо може так статися що він буде ліниво вантажитись, а це не добре.

Хтось вже пробував цю чуду-юду?

@reactbeginners
  • 👍 28
  • 🔥 7
  • 🤔 3
Post #357 1.62K
Itera Open Day відбувся!

Як вам офлайн?

П.М. Більше танцювати не буду 😂
  • 👍 25
  • 🔥 5
  • ❤ 4
  • 🎉 2
Post #356 1.75K
❤️ Дякую за таку теплу підтримку - тепер подробиці❤️

Курс будемо робити як і минулий - в дві ітерації. Спочатку коротка версія, потім, за необхідності, розширена, але формат буде іншим:

- Довжина відео - мінімальна, буду триматися між 5 та 20 хвилинами
- Кожне відео присвячено одному і лише одному аспекту
- Всі відео записані* (так це довше, але воно того варте)
- У відео дві частини (за деяким виключенням) - спочатку коротка теорія, потім коротка практика
- Під час всього курсу робимо один проект - спрощений блог

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

⏳По часу - не швидко. Плюс я хочу спочатку зробити хоча б чотири відео, а вже потім їх викладати.

❗️Найголовніше - є бачення як це зробити і бажання.

Тож, шановні, пора до справи. Скоро побачимося!

* Прямі ефіри за шоколапки :)
  • ❤ 78
  • 👍 21
  • 🔥 13
  • 🤔 1
Post #355 1.65K
А що тут скажеш?)
  • 👍 63
  • 🔥 19
  • ❤ 4
Post #354 2.23K
😍З днем незалежності всіх нас! 😍

Нехай, через рік, ми будемо святкувати цей день, вже з перемогою!
  • ❤ 85
  • 🕊 7
  • 🎉 4
  • 🍾 2
  • ❤‍🔥 1
  • 🥰 1
Post #353 2.17K
Тримайте лайфак

Ми, на проекті, зараз переходимо на strict mode в TypeScript і в мене зараз в консолі більше 500 попереджень. Власне їх так багато, що я навіть не можу їх всі прочитати щоб виправити. Але є простий лайфак - спрямувати вивід з консолі у файл:

npm run type-check > ts.txt

Ключовий момент тут оператор виводу > і назва файлу куди піде запис. Так само можна робити з лінтером, тестами і будь-чим що виводить дані у консоль.

Спробуйте самі: 

echo 'hello world' > file.txt

Працює з cmd, powershell на Windows!

П.М. Лайфак № 2 - використовуйте striсt mode з самого початку, щоб не страждати як я 😃

@reactbeginners
  • ❤ 38
  • 👍 7
  • 🤯 5
  • 😁 3
  • ❤‍🔥 2
  • 🔥 2
Post #352 1.83K
😅 Все таки вийшло трохи важкувато😅

Сама ідея мені відверто сподобалася, ось так пробувати і дивитися на результат дуже цікаво. 10_000 батонів я до цього на сторінку ще не ставив).

Але, як правильно зауважили в коментарях, після 40 хвилин перегляду мозок може трохи плавити.

Тому, формату жити, але він буде меншим - до 30хв і один якийсь приклад. Мені здається так всім буде і цікавіше і простіше.

Дякую за відгуки!
YouTube Скільки витримає React? Хто здасться першим, React чи Chrome? Навантажуємо рендер React по-максимуму! ✉️ Telegram: https://t.me/reactbeginners ❤️ Підтримати канал: https://opencollective.com/farstar 💡Всі матеріали курсу: https://github.com/Drag13/react-learning-course-short
  • 👍 23
  • ❤ 5
Post #351 1.61K
Free React For Beginners Будемо експерементувати з React в прямому ефірі В програмі: 👉1000 звичайний каунтерів 👉 Типу екран в екрані 👉 (Голосом диктора в боксі) - Гіііііпееееркуууб! Побачимо хто здасться раніше, React чи Chrome 😆 Ставте нагадування щоб не пропустити!
Приєднуйтесь, ми почали!
YouTube Скільки витримає React? Хто здасться першим, React чи Chrome? Навантажуємо рендер React по-максимуму! ✉️ Telegram: https://t.me/reactbeginners ❤️ Підтримати канал: https://opencollective.com/farstar 💡Всі матеріали курсу: https://github.com/Drag13/react-learning-course-short
  • 👍 8
  • 🤯 3
  • ❤ 1
Post #350 1.58K
Будемо експерементувати з React в прямому ефірі

В програмі:

👉1000 звичайний каунтерів
👉 Типу екран в екрані
👉 (Голосом диктора в боксі) - Гіііііпееееркуууб!

Побачимо хто здасться раніше, React чи Chrome 😆

Ставте нагадування щоб не пропустити!
YouTube Скільки витримає React? Хто здасться першим, React чи Chrome? Навантажуємо рендер React по-максимуму! ✉️ Telegram: https://t.me/reactbeginners ❤️ Підтримати канал: https://opencollective.com/farstar 💡Всі матеріали курсу: https://github.com/Drag13/react-learning-course-short
  • ❤‍🔥 13
  • ❤ 3
  • 👍 1
Post #349 1.59K
😂Я подивився DemolitionRanch і що я хочу сказати😂

1️⃣ Вони круті і особливо крутий у них підхід до відео, - хлопці просто кайфують від того що роблять. Це дуже надихає.

2️⃣ Я таки надихнувся і завтра планую зробити ефір #React_Ranch. Cпробуємо навантажити рендер реакту і подивитись скільки і чого він зможе витримати )

👉 Так що чекаю вас завтра (22.08) на прямому ефірі о 19:00. Лінка теж буде вже завтра.

Бережіть себе, скоро побачимось)

П.М. Хто не прийшов - той не побачив ;)
  • 👍 27
  • ❤ 2
  • 🔥 2
  • 🎉 1
Post #348 2.04K
❤️Ми знову в офлайні - Itera Open Day for Juniors❤️

UPD: Реєстрація закрита, місця скінчилися.

Мабуть ви знаєте, я не дуже люблю онлайн. Важко взаємодіяти з людьми, важко розуміти де треба зупинитись і пояснити детальніше, немає фідбеку від людей.

Тож я щасливий що ми можемо провести ще одну офлайн подію - Itera Open Day for Juniors

Програма:

1️⃣ Кар'єрний шлях розробника - Олександр Стороха, керівник Itera Ukraine та Itera Poland
2️⃣ Low/NoCode підхід для розробки - Олександр Скачков, керівник відділу розробки Itera Ukraine
3️⃣ Як писати гарний код - Віталій Рубан - (ну це, власне, я)

І, звичайно, піцца та нові корисні знайомства!

Деталі:

Дата: 30 серпня 2023
Час: 10:30 – 14:00
Де: Київ, вул. Ярославська, 58

👉 Реєструватися тут
Google Docs Itera Open Day 📆Дата: 30 серпня 2023 ⏲️Час: 10:30 – 14:00 🏘️Де: офіс Itera, вул. Ярославська, 58 Про що та що цікавого? Кар'єрний шлях розробника - Олександр Стороха, керівник Itera Ukraine та Itera Poland Low/NoCode підхід для розробки - Олександр Скачков, керівник відділу…
  • ❤ 18
  • 👍 4
  • ✍ 2
Post #347 1.84K
Збір від 🍺BeerJS та Романа Савицького на антидронову рушницю.

❤️ Багато хто його знає, дехто навіть бував у нього на BeerJS в Житомирі.

👉 Давайте допоможемо, залишилось менше 14_000 гривень зі 100_000

#standswithukraine
send.monobank.ua Безпечний переказ коштів Надсилайте безкоштовно та безпечно кошти
  • ❤‍🔥 8
  • 🔥 4
  • ❤ 1
Post #346 1.84K
Free React For Beginners 🛄 React, Redux та поширені помилки під час використання глобального стору 🛄 👉 Відео відзняте, змонтоване і буде готовим до вашого перегляду сьогодні, 15.08 о 19:00 👂Вийшло приблизно 16 хвилин, пройшовся по помилкам під час проектування, читання та запису…
👉 Відео вже готове до перегляду - ТИЦЬ

✍️ Відгуки, коментарі та розповсюдження тільки вітаються!
YouTube React, Redux та поширені помилки під час використання глобального стору 👉 П'ятий випуск React Code Smells. Говоримо про типові помилки під час проектування та використання глобального стору на прикладі Redux. ✉️ Telegram: https://t.me/reactbeginners ❤️ Підтримати канал: https://opencollective.com/farstar 💡Приклади з відео …
  • 🔥 22
  • 👍 4
  • ❤ 2
Post #345 1.85K
🛄 React, Redux та поширені помилки під час використання глобального стору 🛄

👉 Відео відзняте, змонтоване і буде готовим до вашого перегляду сьогодні, 15.08 о 19:00

👂Вийшло приблизно 16 хвилин, пройшовся по помилкам під час проектування, читання та запису в глобальний стор. Загалом вісім (а для уважних десять) код смелів. Приклади на Redux + Redux Toolkit.

❤️ Буду радий за коментарі, відгуки та поширення!

П.М. А ще у нас нова прев'ю для відео, як вам?
YouTube React, Redux та поширені помилки під час використання глобального стору 👉 П'ятий випуск React Code Smells. Говоримо про типові помилки під час проектування та використання глобального стору на прикладі Redux. ✉️ Telegram: https://t.me/reactbeginners ❤️ Підтримати канал: https://opencollective.com/farstar 💡Приклади з відео …
  • 🔥 38
  • ❤ 8
Post #344 2.04K
❤️Сьогодні у Сергія Бабіча (я думаю всі його знають) день народження, і свій подарунок він вирішив передати на ЗСУ

Давайте йому в цьому допоможемо!

Ну і прийми мої щирі вітання, друже. Час у нас зараз не простий, але ми прорвемося.
Все буде Україна!

https://t.me/toisamyibabich/1183
Telegram Той самий Бабіч Сьогодні мені 36. З усіх дат, напевно, ця для мене – найсимволічніша. Сьогодні мені виповнюється стільки ж років, скільки було моєму батькові, коли у нього зʼявився я. Я не можу пояснити, чим саме це для мене особливо, але якесь цікаве й дивне сприйняття…
  • ❤ 32
  • 👍 3
  • 🥰 2
Post #343 2.08K
Трирівнева архітектура під час повітряної тривоги

Отакий от вийшов у нас спонтанний, без відео, стрім.

Дивитись не обов'язково, (просто немає на що), а на фоні послухати можна.

Бережіть себе)
Youtube - YouTube Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
  • ❤‍🔥 25
  • 👍 7
  • ❤ 3
  • 🤔 1
Post #342 1.88K
Сиджу я значить в укритті (і ви сидіть!), слухаю наше ППО і роблю вам матеріали до наступного React Code Smells про Redux.

Якщо все буде добре, орієнтовно у середу відео вже буде на каналі :)

Бережіть себе, буде й на нашій вулиці свято!
  • 👍 51
  • ❤ 14
  • 🔥 10
  • 💔 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 →