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

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

Бережіть себе, буде й на нашій вулиці свято!

Трирівнева архітектура під час повітряної тривоги

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

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

Бережіть себе)

❤️Сьогодні у Сергія Бабіча (я думаю всі його знають) день народження, і свій подарунок він вирішив передати на ЗСУ

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

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

https://t.me/toisamyibabich/1183

🛄 React, Redux та поширені помилки під час використання глобального стору 🛄

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

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

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

П.М. А ще у нас нова прев'ю для відео, як вам?

👉 Відео вже готове до перегляду - ТИЦЬ

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

Збір від 🍺BeerJS та Романа Савицького на антидронову рушницю.

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

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

#standswithukraine

❤️Ми знову в офлайні - 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

👉 Реєструватися тут

😂Я подивився DemolitionRanch і що я хочу сказати😂

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

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

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

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

П.М. Хто не прийшов - той не побачив ;)

Будемо експерементувати з React в прямому ефірі

В програмі:

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

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

Ставте нагадування щоб не пропустити!

😅 Все таки вийшло трохи важкувато😅

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

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

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

Дякую за відгуки!

Тримайте лайфак

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

npm run type-check > ts.txt

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

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

echo 'hello world' > file.txt

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

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

@reactbeginners

😍З днем незалежності всіх нас! 😍

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

❤️ Дякую за таку теплу підтримку - тепер подробиці❤️

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

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

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

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

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

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

* Прямі ефіри за шоколапки :)

Itera Open Day відбувся!

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

П.М. Більше танцювати не буду 😂

Оцей <Image/> з Next.JS класна штука

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

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

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

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

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

@reactbeginners

Ну так і є)
Правда не скажу що все це він робить добре 😁

Нагадую - створювати компоненти в середині компонентів погана ідея.

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

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

П.М. На зображенні - оригінальна версія матрьошки - та яка з Японії.

Приклад того як НЕ треба

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

Повна відповідь буде трохи пізніше