Free React For Beginners
3.46K subscribers
231 photos
5 videos
1 file
385 links
💻 Про #React та #frontend та #веб розробку
🧑‍🎓 Для початківців і не тільки

👉 https://www.youtube.com/@reactdev
Download Telegram
👹До кінця курсів - лише два тижні 👹

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

🚗 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-і.

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

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

🔆 TS Playground
🔆 TS Handbook
🔆 TS config

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

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

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

Бережіть себе.
23👍9🔥3
👍 React та форми - все дуже просто 👍

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

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

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

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

Чекаю на вас завтра о 18:50. Спочатку поспілкуємося на вільні теми, а потім будемо додавати нові сторінки в React та працювати з React router.
🔥17👍6🤔1
👓 Що таке SPA? 👓

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

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

🐵 React Router

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

Допомагайте ЗСУ і бережіть себе.
👍16🔥3
Всім привіт. Останнє відео про реакт роутер було приховане youtube за "порушення правил політики щодо спаму, шахрайства та дій, спрямованих на введення в оману".

Ми працюємо над його відновленням.
🤯38👍6🔥3🤔2
🔆 Гарні новини - відео про роутінг в реакті вже доступне 🔆

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

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

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

Побачимося у вівторок, будемо говорити про React та бекенд.
👍42
🥶 Остання лекція близько 🥶

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

🚚 24.05, 18:50 - React та backend - розглянемо як зробити запит на бекенд за допомогою fetch або axios, що з цим робити далі та типові помилки.

🚛 25.05, 18:50 - React та тестування. Поговоримо про те навіщо та як тестувати за допомогою jest. Спробуємо просто тести та снепшот тести.

🚜 26.05, 18:50 - Ask me anything. Це фінальна лекція яка буде присвячена виключно вашим питанням. Якщо вам щось не зрозуміло або просто цікаво - приходьте, ставте запитання в прямому ефірі, будемо відповідати.

А ще в нас чудові новини, навіть дві. Ми набрали 1000 підписників на YouTube та нам остаточно розблокували відео про роутер. Схоже що react-router-dom все ж таки не шахрайство. Треба буде написати в репу його авторам, хай також порадіють.

На цьому у мене все, чекаю вас о 18:50, у вівторок, на нашому каналі.
26🔥4👏3👍1
👓 Бекенд викликали? 👓

Як отримати дані з бекенду, як відмінити запит та що робити з отриманими даними - саме ці питання ми тільки що розглянули в рамках лекції React та мережеві виклики. Запис трансляції поки що доступний, а корисні посилання як завжди вже тут:

Fetch
Axios
Public API

Наступна лекція у нас завтра о 18:50, будемо говорити за тестування, його цілі, види та інструменти. E2E тести писати не будемо 😏

Чекаємо на вас, допомагайте ЗСУ і бережіть себе.
🔥26
👻 І кому ті тести потрібні? 👻

Ніхто не любить тести, але у складному проекті без них ніяк. Якщо вам цікаво навіщо потрібні тести, які вони бувають та що таке TDD - лекція вже доступна для перегляду (скіпайте перші 10 хвилин).

Корисні посилання:

Testing Recipes
Create-React-App - testing
Jest
React Testing Library

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

Тож до завтра, 19:00, на нашому YouTube каналі.

Бережіть себе.
👍22
Коротеньке нагадування - сьогодні, о 19:00 у нас остання лекція. Будемо відповідати на ваші питання та казати слова подяки. Приходьте, хай нас буде багато! 🙌

Трансляція вже створена - https://youtu.be/IHHav882T3k
👍21
❤️ От і добігли наші курси до кінця ❤️

Ми розпочали з того що таке React, а закінчили тестуванням. Поговорили про network та TypeScript. Втопили кілька кораблів...

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

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

На цьому у нас все. Завтра я опублікую ще один пост з переліком усіх лекцій, а потім піду у відпустку.

З вами був курс Реакт для початківців від компанії Ітера та Віталія Рубана.

Сподіваюся, до скорих зустрічей на каналі.
74👍19
Всім привіт, я повернувся.

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

Дуже дякую за ваші оцінки, побажання та відгуки - це те що дійсно мотивує.
🔥52👍11👏3
Postmortem, та наші плани на майбутнє.

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

Я почну з того що було добре, бо саме так радить мудра книжка - почни з хорошого, а потім переходь до критики. Отже, що було добре?

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

Структура. Ми покрили не все (наприклад пройшли мимо UI бібліотек, Redux, аутентифікації), але головні елементи для початківців ми закрили. Більш глибоке розуміння React потребувало би набагато більше лекційного матеріалу та практичних занять.

Мова. Я все життя говорив російською мовою і прочитав загалом більше 1_000 книжок саме російською. До 24.02 це була моя основна мова на якій я писав і спілкувався. Після початку війни - я перейшов на Українську. Це не було просто (і мені досі складно) але я радий, що ви не закидали мене помідорами і ми разом додали трохи до україномовного контенту. Зараз це дуже і дуже важливо.

Після хвали, перейдемо до конструктивної критики, а саме що треба було робити краще.

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

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

І, нарешті, прорахунок з графіком, який в тому числі і став причиною проблем з ДЗ. Річ у тім, що я планував проводити 2 лекції в день, двічі на тиждень. Лекція теорії та практичне заняття (не весь час, але план був такий). Але виявилося, що для нашої маленької команди це майже не можливо, дві лекції підряд - дійсно складно. Тому ми змінили графік на ходу і це також вплинуло на якість курсу.

Були і інші нюанси. І суто технічні (якість стріму, розмір шрифтів) так і не очікувані - блискавка під час прямого ефіру, бан від YouTube та інші. Але це вже не принципово.

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

У нас є ще щонайменше дві лекції які я хочу провести найближчим часом.

Перша лекція - огляд UI бібліотек для React. Навіщо вони потрібні, які є популярні та трохи прикладів. Так, вона також буде більше теоретична, але її не вистачає для повноти картини.

Друга лекція - що потрібно знати Front-End розробнику. Я хочу поговорити і про React, і про інструменти розробника і про більш фундаментальні речі. Має бути корисним саме для початківців.

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

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

За цим у мене все. Анонси нових лекцій будуть в цьому самому каналі, не відключайтеся. І бережіть себе, тому що світ IT тісний і нам з вами ще працювати.

Побачимося,
Віталій, React курс для початківців.
👍78🔥17🥰4👏4
Всім привіт.

Поки ми готуємо для вас нові лекції, FWDays запрошують на безкоштовну конференцію - JS+React fwdays’22, яка відбудеться 09.07.22 онлайн.

Буде:

🚜 Дві доповіді про стейт менеджмент (Recoil також, то ж ми в тренді),
🚗 Трохи про автоматизацію розробки,
🚛 Тестування та інші цікаві речі.

Загалом заплановано 12 доповідей, час проведення з 10:30 до 17:00

Приходьте, навчайтеся і бережіть себе.
👍4513🔥3
👓 Всім привіт 👓

Кого цікавить тема TypeScript, але дивитися довге відео не хочеться - я підготував коротку статтю про прогресивний TypeScript де розглядаю як можна поступово і з мінімальними зусиллями перевести JavaScript на TypeScript, а також деякі нюанси 👻

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

Бережіть себе, не ігноруйте тривоги.
👍62🔥116
🔆 Всім привіт 🔆

Про нас є на ДОУ - кому цікаво прочитати розширену версію про те як ми створювали наш курс - ось посилання.

А наступна лекція відбудеться 05.07.22 і буде присвячена огляду UI бібліотек для React. Поговоримо навіщо вони потрібні взагалі та як вибирати. Оглядово розглянемо React Material.

Час трансляції визначимо після наступного опитування, але почнемо як завжди за 10 хвилин до часу. Канал - той самий

Бережіть себе, донатьте на ЗСУ і до зустрічі у наступний вівторок (опитування наступним постом).
🔥25👍5
Який час вам більш зручний для перегляду лекції у вівторок 05.07?
Anonymous Poll
12%
15:00
4%
16:00
5%
17:00
17%
18:00
70%
19:00
👍9
👹 Всім привіт 👹

Запрошую вас відвідати ще одну лекцію з курсу React для початківців, яка відбудеться 05.07.22 о 19:00.

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

Стрім почнеться о 18:50 на нашому каналі, лекція о 19:00. Запис лекції буде доступним наступного дня після його обробки.

Бережіть себе.
🔥59👍8