Free React For Beginners

2022-05-17 20:40:48 TypeScript для початківців - а чи є з нього користь

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

TS Playground
TS Handbook
TS config

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

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

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

Бережіть себе. Відкрити / Коментувати

2022-05-16 11:08:23 До кінця курсів - лише два тижні

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

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-і. Окрім цього поговоримо про параметри URL, коли їх застосовувати та що робити щоб не до Відкрити / Коментувати

2022-05-13 20:06:49 Попереду вихидні, а нам потрібна ваша допомога

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

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

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

2022-05-12 20:23:36 React, Recoil.JS, Сергій Бабіч - лекція завершена

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

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

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

2022-05-11 20:09:57 Context ? Redux ? MobX ?

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

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

Context
Redux
You might not need Redux
Redux Toolkit
MobX

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

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

2022-05-10 20:05:54 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 і бережіть себе. Відкрити / Коментувати

2022-05-09 13:38:11 Розклад на тиждень

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

Вівторок, 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.
Бережіть себе. Відкрити / Коментувати

2022-05-06 15:39:57 Відкрити / Коментувати

2022-05-05 20:31:26 Ми зробили гру всього за одну годину

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

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

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

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

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

2022-05-04 20:20:40 Лекція про хуки - вже закінчена!

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

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

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

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

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

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