React. Lite Level

- Знакомство с Node.js и NPM
- Первое приложение на React
- Знакомимся с классами ES6. Часть 1
- Знакомимся с классами ES6. Часть 2. Наследование, геттеры, сеттеры
- Прототипное наследование
- Компоненты React
- Props и State. Часть 1
- Props и State. Часть 2
- Props и State. Часть 3
- Работаем с формами

https://www.youtube.com/playlist?list=PLM7wFzahDYnHIAc-WKuxWaGv4cLUfm5fT

#video #react

Уроки React js для начинающих

- Основы для начинающих. Зачем нужен React. Установка
- Компоненты и свойства Props
- State, состояние компонента и примеры
- Работа с формами. Первое To Do приложение
- CSS стилизация. Как подключить библиотеку Material Ui, Bootstrap
- Жизненный цикл компонента. Что спросят на собеседовании
- Передача данных между компонентами. Примеры React js
- Работа с API на примере. Fetch запрос Api
- Роутинг. Маршрутизация и создание страниц сайта

https://www.youtube.com/playlist?list=PLVfMKQXDAhGV90yI1FzsciwEi-11ILfAG

#video #react

React

- Почему React? | Презентация
- Работа с формами в React: Formik, React Hook Form (хуки) или...
- Рефакторинг реализации Dropdown
- Бэтчинг обновлений состояния
- Ревью кода: производные состояния на useMemo и useEffect
- Ревью кода: сброс состояния компоненты
- Ментальные карты по React / Фронтенд разработке
- Хэширование объектов для ключей компонент React
- Рефакторинг компоненты Alert
- React: оптимизация рендеринга при загрузке данных (на примере NextJS)

https://www.youtube.com/playlist?list=PLykGRXstdRmy9kD4ux83eZ9TW0b8SErFv

#video #react

Jest & Enzyme

В данном видеокурсе мы с вами рассмотрим тестирование React-приложения и React-компонентов с помощью Jest и Enzyme. Разберём мы данную тему на примере написания Unit тестов. Тестирование событий и состояния, пропсов и методов жизненного цикла. Тестирование утилит и Snapshot-тестирование это лишь часть того, что мы рассмотрим в данном курсе.

https://www.youtube.com/playlist?list=PLNkWIWHIRwMFPcbK0AJVBYyNveXmMZhMS

#video #react

Курс по React Native

1) Введение
2) Настройка окружения
3) Компоненты
4) Свойства компонентов
5) Валидация свойств компонентов (prop-types)
6) Стилизация компонентов (StyleSheet)
7) Состояние компонентов (useState, setState)
8) Создаем список задач (todo list)
9) Навигация (React Navigation)

https://www.youtube.com/playlist?list=PLu6MFGxDdiljsxeTnrdN0VnmjkVeLlDjU

#video #react

React Testing Library

В данном видеокурсе мы с вами рассмотрим тестирование React-компонентов с помощью библиотеки react-testing-library. Разберём её философию, плюсы и минусы. А так же основные отличия от Enzyme в подходе к тестированию.

https://www.youtube.com/playlist?list=PLNkWIWHIRwMEsMUc0B-lYb7DTLroWlKLK

#video #React

Курс по React

00: Обзор
01: Создание проекта
02: Введение в JSX
03: Рендер и монтирование
04: Элемент и входные параметры
05: Компонент и состояние
06: Жизненный цикл компонента
07: Обработка событий
08: Пользовательские события
09: Условный рендринг

https://www.youtube.com/playlist?list=PL9mlH9etz6DyxCwks1tdVzlYhSxrsrjJ4

#video #react

Изучение React Native

1. Разработка мобильного приложения на JavaScript
2. Создание проекта. Запуск на Андроид и iOS
3. Основные компоненты (View, Text, Button, Alert, Image)
4. Написание стилей для приложения
5. Создание списка дел (Todo List)

#video #React

https://www.youtube.com/watch?v=j9nVVIq9eSQ&list=PL0lO_mIqDDFWPVIWdB7tjU5aznqXAXvLL&ab_channel=%D0%93%D0%BE%D1%88%D0%B0%D0%94%D1%83%D0%B4%D0%B0%D1%80%D1%8C