Free React For Beginners

2022-05-27 12:35:39 Вчора ми завершили нашу останню лекцію, і все що очікуємо на ваш фідбек.

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

TypeScript для початківців

Що таке React і навіщо він потрібен

Починаємо новий проект з нуля

React та його будівельні блоки - компоненти

React та хуки

Пишемо свою гру на React

Робимо React гарним - стилізація

Інструменти керування даними - Context, MobX

Recoil - альтернативний інструмент керування станом

React та форми - працюємо з користувачем

Навігація в React - додаємо нові сторінки

Викликаємо бекенд - fetch або axios

Автоматичні тести для React

Інтерв'ю з HR та ваші запитання

Всі презентації та приклади коду доступні за цим посиланням

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

2022-05-26 20:08:54 От і добігли наші курси до кінця

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

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

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

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

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

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

2022-05-26 17:40:06 Коротеньке нагадування - сьогодні, о 19:00 у нас остання лекція. Будемо відповідати на ваші питання та казати слова подяки. Приходьте, хай нас буде багато!

Трансляція вже створена -

Відкрити / Коментувати

2022-05-25 20:12:53 І кому ті тести потрібні?

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

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

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

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

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

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

2022-05-24 20:06:24 Бекенд викликали?

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

Fetch
Axios
Public API

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

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

2022-05-23 11:48:41 Остання лекція близько

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

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, у вівторок, на нашому каналі. Відкрити / Коментувати

2022-05-20 13:20:10 Гарні новини - відео про роутінг в реакті вже доступне

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

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

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

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

2022-05-20 09:14:37 Всім привіт. Останнє відео про реакт роутер було приховане youtube за "порушення правил політики щодо спаму, шахрайства та дій, спрямованих на введення в оману".

Ми працюємо над його відновленням. Відкрити / Коментувати

2022-05-19 19:47:02 Що таке SPA?

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

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

React Router

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

Допомагайте ЗСУ і бережіть себе. Відкрити / Коментувати

2022-05-18 20:27:43 React та форми - все дуже просто

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

React forms - default way
React Hook Form
Yup

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

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

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