Free React For Beginners

🔆 Гарні новини - відео про роутінг в реакті вже доступне 🔆

Відновлене відео про React, SPA та React Router вже доступне за посиланням

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

Аби нічого не пропустити, приходьте на ефіри, їх залишилося зовсім трішки.

Побачимося у вівторок, будемо говорити про React та бекенд.

Всім привіт. Останнє відео про реакт роутер було приховане youtube за "порушення правил політики щодо спаму, шахрайства та дій, спрямованих на введення в оману".

Ми працюємо над його відновленням.

👓 Що таке SPA? 👓

Лекція про SPA та React Router вже завершена і це остання лекція на цьому тижні. Подивитися її можна за посиланням (сміливо промотуйте перші 10 хвилин). Також нагадую про домашнє завдання яке ви може знайти в нашому проекті.

Корисні посилання (аж одне єдине):

🐵 React Router

Побачимося на наступному тижні, де ми поговоримо про те як з'єднати бекенд з фронтендом, зачепимо тестування а також проведемо сесію Ask Me Anything разом з одним чудовим гостем. Також нагадую, що наступний тиждень - останній.

Допомагайте ЗСУ і бережіть себе.

👍 React та форми - все дуже просто 👍

Ми тільки що закінчили дуже коротку та просту лекцію про React та форми. Подивилися як працювати з ними на чистому React та одним оком зачепили бібліотеку react-hook-form. Трансляція вже доступна, а ось і корисні посилання:

🐤 React forms - default way
🐣 React Hook Form
🐥 Yup

Окрім цього ми розібрали домашнє завдання з каунтерами - тиць!

А ще ми спробували змінити формат трансляції і почати її о 18:50 із лайв спілкування. Вийшло наче непогано, тож далі будемо робити в такому ж дусі.

Чекаю на вас завтра о 18:50. Спочатку поспілкуємося на вільні теми, а потім будемо додавати нові сторінки в React та працювати з React router.

🥸TypeScript для початківців - а чи є з нього користь🥸

Ми тільки но закінчили лекцію про TypeScript для початківців. Якщо ви її пропустили - ось запис і корисні посилання:

🔆 TS Playground
🔆 TS Handbook
🔆 TS config

А ще ми трохи поговорили про те як React синхронізує дані та те що ви бачите на своєму екрані. А також розібрали чому перемальовується кожна клітинка.

Чекаю на вас завтра, з 19:00 по 20:00, на нашому YouTube де ми будемо розбиратися з формами. Ми подивимося як це працює на чистому React-і та спробуємо популярну бібліотеку react-hook-form

А після лекції з формами - розберемо завдання з каунтерами.

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

👹До кінця курсів - лише два тижні 👹

До кінця курсів залишилося на так і багато - лише два тижні! А ось наш передостанній розклад:

🚗 17.05.22, 19:00 - TypeScript для початківців. Мі підготували лекцію за яку проголосувала абсолютна більшість учасників нашого каналу - 56%. Лекція буде складатися з двух частин - огляд можливостей TS, та live coding приклад переписування шматочка JavaScript на TypeScript.

Одразу після лекції з TypeScript ми проведемо додаткову, 20 хвилинну мікролекцію та розберемо чому React перемальовує всі кораблі.

🚛 18.05.22, 19:00 - React та форми, нативні та React-Hook-Forms. Ми поговоримо про те, як реалізуються форми на чистому React та розглянемо популярну бібліотеку React-Hook-Forms.

Одразу після лекції ми проведемо ще одну, додаткову 20 хвилинну лекцію та розберемо домашнє завдання з таймерами.

🚚 19.05.22, 19:00 - Роутінг в React. Розглянемо що таке SPA та як налаштувати роутінг в React-і.

А якщо ви тільки приєднались до нашого каналу - ось запис лекцій що вже відбулися.

😏Попереду вихидні, а нам потрібна ваша допомога😏

Не секрет що створити ідеальні курси не можливо. Особливо коли людей багато, а в кожного свій рівень та розуміння. Тому багато моментів, і іноді навіть важливих моментів, залишаються поза кадром. Але ми справді намагаємося дати вам корисні знання, і саме тому нам потрібна ваша допомога. 🙌

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

Бережіть себе, скоро побачимося в Києві.

👊React, Recoil.JS, Сергій Бабіч - лекція завершена 👊

Додаткова лекція про Recoil.JS - новий інструмент з керування стану в React від Facebook - завершена. Дякуємо Сергію за практичну та трошечки грозову доповідь та сподіваємося що вона стане вам у нагоді.

Завдання для самоперевірки сьогодні відсутнє - продовжуйте минуле з таймерами.

Зустрінемося з вами у наступний вівторок о 19:00 на нашому YouTube каналі. Тема майбутньої доповіді - Якого Хто перемалював мій компонент!?

😎 Context ? Redux ? MobX ? 😎

Найскладніша лекція курсу вже пройшла! Якщо ви її пропустили - не страшно, адже ви можете подивитись її в будь-який час.

Завдання для перевірки ви можете знайти на нашому GitHub, а корисні посилання до лекції ось тут:

Context
Redux
You might not need Redux
Redux Toolkit
MobX

А завтра у нас особливий гість - той самий Бабіч, який буде розповідати про нову бібліотеку для стейт менеджменту від Facebook - Recoil

Чекаємо на вас на нашому YouTube, підписуйтесь і бережіть себе.

🥸React + CSS = ?🥸

Лекція про стилізацію в React вже завершена! Якщо ви її пропустили - ось посилання для перегляду.

Завдання для перевірки ви можете знайти на нашому GitHub, а корисні посилання до лекції ось тут:

Css Modules
Sass - CSS with superpowers
How to add SASS to React
Styled Components
Styled Components extension

Чекаю на вас завтра, з 19:00 по 20:15 Будемо розбиратися зі StateManagement - Context, Redux, MobX. Тема трохи складна, тож беріть з собою каву!

Як завжди, чекаємо на вас на нашому YouTube і бережіть себе.

🚜Розклад на тиждень 🚜

Новий тиждень вже почався, ось наш розклад:

🤩 Вівторок, 10.05, 19:00 - 20:00, - Стилі в Реакт. Дуже легенька лекція про те, як ми можемо стилізувати нашу веб сторінку. Поговоримо про CSS, SCSS та одним оком глянемо на CSS in JS

😜 Середа, 11.05, 19:00 - 20:15, - Інструменти для керування станом в React. Не легенька, але дуже потрібна лекція про те, як організовувати керування даними. Поговоримо про контекст, Redux і MobX

☺️ Четвер, 12.05, 19:00 - 20:00 - Recoil - новий стейт менеджер від Facebook. Ми запросили гостя, Сергія Бабіча, організатора LvivCss, який на прикладах покаже що таке Recoil і чому він зараз набирає популярність.

Як завжди, чекаємо на вас на нашому YouTube.
Бережіть себе.

🚀Ми зробили гру всього за одну годину🚀

За допомогою React, лише за одну годину, ми встигли написати власну маленьку гру на кшталт морського бою проти компьютера. По графіці звісно не FarCry, зате своє та рідно. Якщо ще й бекенд прикрутимо то зможемо і в каналі грати 😀

Для тих хто пропустив - наша трансляція та код який вийшов

Завдання для самоперевірки:
Розібрати код який у нас вийшов, та створити аналогічну гру.

Наступна лекція у вівторок о 19:00, будемо говорити стилі в React.

А якщо тема здалася вам складною та залишилися питання - пишіть в наш чат

😜Лекція про хуки - вже закінчена!😜

Ми розглянули що таке хуки, та як їх використовувати. Попрактикувалися наживо, та написали свій власний хук.

Не обійшлось без технічних труднощів, але ми їх виправимо наступного разу, бо наступний раз уже завтра, з 19:00 по 20:00 і ми будемо писати свою першу гру на React.

Для тих хто пропустив - наша трансляція.

Завдання для перевірки сьогодні не буде, а от корисні посилання - обов'язково:

Дуже класна стаття - Useful React Hooks
Hooks FAQ
Репозиторій з уроку

Якщо тема здалася вам складною та залишилися питання - пишіть в наш чат

Шановні майбутні коллеги, сподіваюся всі живі і в безпеці.

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

😱Сьогодні у нас була перша лекція про React компоненти 😱

Ми розглянули що таке компоненти, навіщо вони потрібні, та які бувають. Поговорили про те як передавати дані до компонентів та як їх звідти отримувати.
Обговорили життєвий цикл компонентів та як його використовують.

Для тих хто пропустив - ось наша трансляція.

Завдання для перевірки ви можете знайти на нашому GitHub, а корисні посилання до лекції ось тут:

Компоненти в React - документація
Dumb VS Smart
Як зрозуміти життєвий цикл компонентів

Чекаю на вас завтра, з 19:00 по 20:00 Будемо розбиратися з тим що таке хуки, які вони бувають і як написати свій власний.

Якщо тема здалася вам складною та залишилися питання - пишіть в наш чат

🌖 Плани на цей тиждень 🌔

🚚 03.05.22 19:00 - Компоненти в React - навіщо, їх види та життєвий цикл

🚛 04.05.22 19:00 - Хуки для функціональних компонентів - що це таке, найпопулярніші, та власні

🚜 05.05.22 19:00 - Воркшоп - Пишемо свої власні компоненти, прості та не дуже.

Підписуйтесь на наш YouTube щоб нічого не пропустити!

Післямова - будь-ласка, не публікуйте справжні контакти (імейлі та телефони) на GitHub. Якщо ви це вже зробили - змініть що небудь не дійсне.

🔆 Вчора сталася одна цікава подія 🔆

Один з учнів передав нам 750грн. для оплати покращеної підписки нашої трансляції. Що це означає?

👍 По-перше, тепер наша трансляція буде в 1080p тож ви зможете роздивитися все ще краще. І так, розмір шрифта ми також збільшимо 😀
👊 По-друге, завдяки цій пожертві, ми вирішили не чекати тисячу підписників на YouTube та провести лекцію, тему якої будете обирати саме ви. Вибір теми буде вже наступного тижня, тож не пропустіть!
✊По-третє, оскільки на учнях наживатися гріх, то точно така сума вже вирушила у фонд Повернись Живим, і я впевнений зайва вона там не буде.

Ну а найголовніше, те, що тепер ми розуміємо, що наші курси дійсно корисні для вас і це надає нам сил та натхнення робити їх ще кращими 🚀

Усім дякую та чекаю вас о 19:00 у вівторок 03.05 на лекції про Реакт компоненти. Будемо розглядати навіщо вони потрібні, їх види а також життєвий цикл компонентів у React.

Усе буде Україна.

✨ Перші дві лекції вже відбулися! ✨

Вчора ми провели перші дві лекції з курсу React для початківців і вони вже доступні для перегляду на YouTube:

🚗 Вступ до React
🚕 Проект з нуля з Create-React-App

Також були дуже цікаві, та навіть не очікувані питання - давайте ще 🚜!

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

Тепер щодо наступних планів.
Третя лекція на якій ми розглянемо що таке компоненти та їх види відбудеться у вівторок 03.05 о 19:00.

В подальшому лекції будуть проводитись з вівторка по четвер о 19:00. Тривалість кожної лекції до години. Такий формат забезпечує і безперервність навчання і не надто перевантажує слухачів. А п'ятниця - понеділок це час для експериментів та відпочинку.

Все буде Україна.

❗️Нагадування ❗️
Перші дві лекції починаються вже за дві години - о 19:00 за Києвом.

Трансляція буде відкритою - долучайтеся.