🗞У мене є для вас кілька новин і одне прохання 🗞

📰Новини:

1️⃣ Відео про новий Next.JS в процесі. Є шанс що буде ввечері вівторка або середи.

2️⃣ 22 травня у нас буде внутрішнє обговорення цікавої теми - Summer School 23. Детальніше про це вже після 22 травня, є надія на новий курс, але не зовсім з React-у 😉

3️⃣ На наступному тижні буде також воркшоп про пет проекти для невеличкої групи. Орієнтовно в середу ввечері. Реєстрація і подробиці буде в понеділок.

⭐️І прохання:

В понеділок будемо відкривати один дуже цікавий збір на східний напрямок - вам сподобається. Всі домовленості є, залишається питання оплати. Тож, у кого є можливість, збережіть трохи грошей до понеділка. Навіть 10 гривень будуть дуже в нагоді. Подробиці також в понеділок.

Всім тихих вихідних, бережіть себе!

🛬На довгі руки (10 км) та на день народження

👉Відкриваю збір на дрони для наших хлопців на сході. Дрони це не прості - вони можуть нести до 2кг не дуже корисного для здоров'я навантаження на відстань до 10км. Фактично це мікроарта керована оператором. Дуже ефективне рішення яке чудово працює по живій силі і по не броньованій техніці. А усілякі антенки це просто щастя

🔧Збирають їх у нас, в Києві і я вже домовився за їх виготовлення. Ціна однієї такої пташки - 24_000 гривень. Це не мало, але користі з них реально дуже і дуже багато. Особливо якщо пощастить натрапити на якусь техніку. Ціна може окупитись багатократно

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

💪Я знаю, що грошей багато не буває, особливо на другий рік війни, та давайте все ж підтримаємо тих, хто зараз дає можливість нам спокійно вчитись і працювати

Я, звичайно, теж в ділі!
Монобанк
4731185629296887

38 058 /48_000/1000 гривень - 6 людей

❤️Воркшопчик про пет проекти❤️

🐕 Як і обіцяв - в середу,17/05, о 19:00, відбудеться мікроворкшоп про пет проекти. Орієнтуйтеся десь до години часу.

👉 Поговоримо про те, що таке пет проекти, як обирати тему проекту, і про типові помилки.

🗒 Для участі - напишіть мені в особисті. Вартість - будь-яка сума на ваш вибір від 50 гривень, яка автоматично піде на збір на дрони.

Група обмежена десятьма учасниками, щоб всі могли поспілкуватися.

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

🛩Поки я записую відео про Next.JS - подивіться на роботу дронів на які ми оце зараз збираємо 🛩

Дрон на відео як раз тієї майстерні що буде робити наше замовлення. Тож, як бачите, хлопці знають що роблять!

Допомогти на збір: 42_499 + 5502 = 48_001
Збір закрито!

П.М. Дуже не виспався через нічну атаку, то ж голос на відео може бути не супер веселий. Вибачте.

@reactbeginners

А ось і нове відео про нову версію Next.JS

Зачепили:

👉 Нову структуру проекту (тепер у нас є лише тека app без pages та api)
👉 Новий App роутер, який підтримує індивідуальні лоадери, layout-и та error-и
👉 Серверні компоненти, які не можуть бути інтерактивними, зате код, який вони використовують для рендеру не включається в бандл для фронтенду.

Детальніше у новому огляді Next.Js 13.4.2

Дякую за перегляд, поширення та лайк.

🎉Збір на дрони закрито (навіть трохи перебрали)🎉

❗️Якщо ви пожертвували більше ніж 2000 гривень і хочете прийняти участь в написі на дроні - будь-ласка напишіть мені в особисті!

А всі результати вже завтра 😉

Після сьогоднішньої ночі підбивати підсумки на дрони проти русні вдвічі приємніше

❤️Дякую всім хто долучився до нашого збору. Разом ми зібрали 53 251 гривню з 48 000 необхідних! Було дуже приємно бачити і нові імена, і імена тих, хто і раніше підтримував мої збори. Дякую усім!

❗️Тепер щодо напису. Ми зібрали на 2 дрони, то ж написів буде два і, відповідно буде два автори за найбільший донат. А найбільший, не анонімний донат склав 2000 гривень. Таки людей у нас двоє:

👉Максим Ха. = ЗА СУМИ
👉Андрій Ко. = ???

❗️Будь-ласка, напишіть мені в особисті до кінця дня!

❓Якщо люди не знайдуться, буде план Б - голосування на каналі, тому кидайте ваші пропозиції під цей пост. Бо текст має бути готовий вже до завтра.

😍І ще раз хочу подякувати усім не байдужим, в тому числі тим хто кидав 10, 20 гривень. Дякую вам велике, бо маленької допомоги не буває! Ви круті!

Чекаю на ваші пропозиції під постом!

👩‍🏫Про ІТ курси без прикрас - спроба № 2👩‍🏫

🙃 Минулого ефіру про IT курси ми трохи налажали - не дуже конструктивно, не дуже по суті, коротше вийшло може й цікаво, але не про те.

😎Тому ми вирішили виправити ситуацію і провести максимально корисний, максимально (як для нас чотирьох) сфокусований ефір про те, що таке гарні IT курси.

🕺 В ефірі буде @job_it_junior, @babich_ss, Роман Савицький та я.

👉Приходьте, ставте запитання, сподіваюся буде корисніше ніж минулого разу.

Навіщо розділяти компоненти❓

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

🐁 Я порадив піти третім шляхом і створити окремий компонент, який буде займатися лише одним - анімацією компонента. А далі вже по необхідності можна буде використовувати або анімований, або базовий компонент.

Але тут постало питання:

- Просто якось дивно заради одного тега створювати цілий компонент

І, на перший погляд, це дійсно трохи дивно, можна ж одразу зробити компонент анімований та й усе. Але, тут є цілих два підводних камені:

1️⃣ Всі компоненти мають тенденцією рости та ускладнюватися. Власне, анімація, це чудовий приклад саме такого "розростання" компонентів. Відповідно, чим далі, тим більше буде у вашого компонента задач. А чим більше у нього задач - тим більше підстав для змін, що призводить до крихкості ваших компонентів і, відповідно, багів.

2️⃣ Рано чи пізно, станеться ситуація, коли вам буде потрібен компонент без цих додаткових функціональностей, або з суттєво іншими. І тут вам би знову у нагоді став би базовий компонент, але його немає. Замість нього на вас дивиться кнопка на 600 рядків і питає - ну, що ризикнеш ще один if втулити чи як?

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

@reactbeginners

Всім привіт - коротенький апдейт.

💪Ми живі-здорові (і я сподіваюся ви теж), працюємо над курсом по Next.JS.

😎Що з того вийде, поки сказати не готовий, коли буде щось помацати - напишу детальніше.

👨‍💻Ще є плани записати відео про документацію проекту, але це пізніше.

Бережіть себе, залишайтесь з нами, допомагайте ЗСУ.

Так, не по темі, але

😓 Бережіть себе. Не підходьте до вікон. Переходьте в коридор, якщо немає/не встигаєте до укриття. Киньте в коридор матрас щоб хоч якось спати. Давайте собі відпочити від новин. Бережіть кукуху.

А я вам за це зроблю відео розбір серверних компонентів. (як тільки посплю нормально)

Тримайтеся, русні нас не здолати.

🎉 Київ, Itera Open Day for FE 12.06 🎉

💪 12.06.23 ми відкриваємо Київський офіс для вас. Якщо у вас є пет-проект, на який потрібно поглянути стороннім оком, якщо у вас є питання які ви хочете обговорити (тільки не Redux 😂), або якщо ви просто скучили за живим професійним спілкуванням - приходьте до нас на Поділ.

🕰 Офіс буде відкритий з 10:00 по 16:00, але є одна умова - у випадку тривоги ми всі, в обов'язковому порядку, негайно, спускаємося до сховища. Я буду доступний цілий день, а ще в гості загляне Ігор та DevOps-и яких можна буде помучати на предмет Azure (а може й AWS)

👉 Для тих хто зацікавився - ось реєстрація. Нажаль кількість місць обмежена 15 особами, тому, будь-ласка, підписуйтесь відповідально.

Бережіть себе і побачимось вже офлайн!

П.М. Ви перші хто побачили цю подію, дякую що ви з нами 😊

Матеріали курсу React для початківців від Віталія Рубана та Ітера

Зібрав майже всі відео з обох курсів про React по категоріях. Сподіваюсь буде вам корисно.

1. Вступ
👉Що таке Реакт
👉Перший застосунок на React

2. Компоненти в React
👉Компонентний підхід в React
👉Що таке Props
👉Як поділити застосунок на компоненти

3. Хуки
👉Хуки - огляд
👉React, useContext та кастомні хуки

4. Навігація
👉SPA та React
👉React router DOM - 1
👉React router DOM - 2
👉React Router - код рев'ю

5. Інструменти керування станом
👉Інструменти керування станом
👉React Redux - 1
👉React Redux - 2

6. Форми
👉React та форми
👉React Hook Form

7. Стилізація
👉React та CSS
👉Від звичайного CSS до CSSinJS

8. Тестування
👉Тестування та Jest

Інше
👉Обробка помилок в React
👉Три популярні помилки початківців
👉Ні похідним даним у state
👉React, Аутентифікація, Firebase
👉Деплоїмо React на GitHub pages
👉Пишемо гру на React

@reactbeginners

Окрема подяка Ігорю Ц. за відео про Redux та підготовку програми!