Free React For Beginners

Оцей <Image/> з Next.JS класна штука 👉Він автоматично регулює вагу зображення 👉Сам визначає width та height і мені більше не треба з цим мучитися 👉Автоматично додає йому lazy, щоб не вантажити зображення які користувач поки не бачить Круто правда? ❗️Але є два нюанси (ну завжди є нюанс) 😢 По-перше: Image не працює якщо ви хочете експортувати Next.JS в статичний сайт 😢 По-друге: не забувайте додавати priority атрибут для головного зображення на сторінці, бо може так статися що він буде ліниво вантажитись, а це не добре. Хтось вже пробував цю чуду-юду? @reactbeginners

Itera Open Day відбувся! Як вам офлайн? П.М. Більше танцювати не буду 😂

❤️ Дякую за таку теплу підтримку - тепер подробиці❤️ Курс будемо робити як і минулий - в дві ітерації. Спочатку коротка версія, потім, за необхідності, розширена, але формат буде іншим: - Довжина відео - мінімальна, буду триматися між 5 та 20 хвилинами - Кожне відео присвячено одному і лише одному аспекту - Всі відео записані* (так це довше, але воно того варте) - У відео дві частини (за деяким виключенням) - спочатку коротка теорія, потім коротка практика - Під час всього курсу робимо один проект - спрощений блог 🧱 Зараз працюю над програмою, про це буде пізніше. Ви зможете її переглянути і, навіть додати власні побажання. Всі матеріали відкриті, так що за бажанням зможете долучатися та приймати участь. ⏳По часу - не швидко. Плюс я хочу спочатку зробити хоча б чотири відео, а вже потім їх викладати. ❗️Найголовніше - є бачення як це зробити і бажання. Тож, шановні, пора до справи. Скоро побачимося! * Прямі ефіри за шоколапки :)

😍З днем незалежності всіх нас! 😍 Нехай, через рік, ми будемо святкувати цей день, вже з перемогою!

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

npm run type-check > ts.txt

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

echo 'hello world' > file.txt

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

😅 Все таки вийшло трохи важкувато😅 Сама ідея мені відверто сподобалася, ось так пробувати і дивитися на результат дуже цікаво. 10_000 батонів я до цього на сторінку ще не ставив). Але, як правильно зауважили в коментарях, після 40 хвилин перегляду мозок може трохи плавити. Тому, формату жити, але він буде меншим - до 30хв і один якийсь приклад. Мені здається так всім буде і цікавіше і простіше. Дякую за відгуки!

Будемо експерементувати з React в прямому ефірі В програмі: 👉1000 звичайний каунтерів 👉 Типу екран в екрані 👉 (Голосом диктора в боксі) - Гіііііпееееркуууб! Побачимо хто здасться раніше, React чи Chrome 😆 Ставте нагадування щоб не пропустити!

😂Я подивився DemolitionRanch і що я хочу сказати😂 1️⃣ Вони круті і особливо крутий у них підхід до відео, - хлопці просто кайфують від того що роблять. Це дуже надихає. 2️⃣ Я таки надихнувся і завтра планую зробити ефір #React_Ranch. Cпробуємо навантажити рендер реакту і подивитись скільки і чого він зможе витримати ) 👉 Так що чекаю вас завтра (22.08) на прямому ефірі о 19:00. Лінка теж буде вже завтра. Бережіть себе, скоро побачимось) П.М. Хто не прийшов - той не побачив ;)

❤️Ми знову в офлайні - Itera Open Day for Juniors❤️ Мабуть ви знаєте, я не дуже люблю онлайн. Важко взаємодіяти з людьми, важко розуміти де треба зупинитись і пояснити детальніше, немає фідбеку від людей. Тож я щасливий що ми можемо провести ще одну офлайн подію - Itera Open Day for Juniors Програма: 1️⃣ Кар'єрний шлях розробника - Олександр Стороха, керівник Itera Ukraine та Itera Poland 2️⃣ Low/NoCode підхід для розробки - Олександр Скачков, керівник відділу розробки Itera Ukraine 3️⃣ Як писати гарний код - Віталій Рубан - (ну це, власне, я) І, звичайно, піцца та нові корисні знайомства! Деталі: Дата: 30 серпня 2023 Час: 10:30 – 14:00 Де: Київ, вул. Ярославська, 58 👉 Реєструватися тут

Збір від 🍺BeerJS та Романа Савицького на антидронову рушницю. ❤️ Багато хто його знає, дехто навіть бував у нього на BeerJS в Житомирі. 👉 Давайте допоможемо, залишилось менше 14_000 гривень зі 100_000 #standswithukraine

👉 Відео вже готове до перегляду - ТИЦЬ ✍️ Відгуки, коментарі та розповсюдження тільки вітаються!

🛄 React, Redux та поширені помилки під час використання глобального стору 🛄 👉 Відео відзняте, змонтоване і буде готовим до вашого перегляду сьогодні, 15.08 о 19:00 👂Вийшло приблизно 16 хвилин, пройшовся по помилкам під час проектування, читання та запису в глобальний стор. Загалом вісім (а для уважних десять) код смелів. Приклади на Redux + Redux Toolkit. ❤️ Буду радий за коментарі, відгуки та поширення! П.М. А ще у нас нова прев'ю для відео, як вам?

❤️Сьогодні у Сергія Бабіча (я думаю всі його знають) день народження, і свій подарунок він вирішив передати на ЗСУ. ❤️ Давайте йому в цьому допоможемо! Ну і прийми мої щирі вітання, друже. Час у нас зараз не простий, але ми прорвемося. Все буде Україна! https://t.me/toisamyibabich/1183

Трирівнева архітектура під час повітряної тривоги Отакий от вийшов у нас спонтанний, без відео, стрім. Дивитись не обов'язково, (просто немає на що), а на фоні послухати можна. Бережіть себе)

Сиджу я значить в укритті (і ви сидіть!), слухаю наше ПВО і роблю вам матеріали до наступного React Code Smells про Redux. Якщо все буде добре, орієнтовно у середу відео вже буде на каналі :) Бережіть себе, буде й на нашій вулиці свято!

Який я вам матеріальчик готую - аж мені подобається. 👉 Робоча назва: ReactCodeSmells та Redux - поширені помилки під час використання глобального стору. З прикладами, з мікрозастосунком, з кодом на GitHub. І все це менше на 15 хвилин (ну я сподіваюся). Як вам таке?

#ReactCodeSmells - стор не для локальних даних. 👜Глобальний стор штука зручна і наче навмисно запрошує вас все класти туди. Але це підла та підступна пастка, тому що глобальний стор доступний буквально всім (на те він і глобальний). А це призводить до його крихкості та заплутаності. А ще й до поступового росту перетворюючи миле кошеня з документації на монстра з нічних кошмарів. Боротися з цим можна і треба: 1️⃣ По-перше, використовуйте глобальний стор лише для тих даних які потрібні буквально по всьому проекту, наприклад дані користувача, або корзина користувача. 2️⃣ По-друге, діліть глобальні стори на логічні шматки. Далеко не завжди вам потрібен єдиний стор для всіх 217 сторінок. Для прикладу зверніть увагу на слайси в Redux-Toolkit. Та й взагалі мати декілька логічно розділених сторів цілком розумна ідея, навіть RTK на моїй стороні. 3️⃣ По-третє, не соромтеся використовувати локальний стейт. Якщо дані потрібні лише в одному компоненті це й так очевидно. Але якщо дані потрібні в батьківському компоненті та на глибину в 1-2 компоненти вниз то використовувати локальний стейт теж не гріх. 👉 І наостанок хочу додати - запорука проекту, який росте без особливих проблем - інкапсуляція. Будь-який шматок коду або даних має відкриватися лише за потреби. Будь-який компонент, для своєї роботи, має вимагати лише ті дані з якими працює. Це робить кодову базу простіше для читання та менш вразливою. Бережіть себе, скоро побачимось. @reactbeginners