Курс по React

React является очень мощной JavaScript-библиотекой от компании Facebook для построения пользовательских интерфейсов. Подробный курс для начинающих.

https://www.youtube.com/playlist?list=PLu6MFGxDdiliq6MH-rBxOu46TksEKsUP0

#video #react #javascript

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

Сайт с нуля на React js

1. Установка и настройка React и Bootstrap
2. Адаптивное меню с bootstrap
3. Роутинг сайта, переход по страницам
4. Делаем слайдер Bootstrap
5. Верстка табы адаптивно
6. Форма обратной связи
7. Верстка компоненты Bootstrap
8. Верстка сайта блог посты
9. Как загрузить сайт React JS на хостинг

#video #react #js #practice

https://www.youtube.com/watch?v=jT8wO8aKea0&list=PLVfMKQXDAhGWamOcqqIsMAbsP6pl0vUtW&ab_channel=WebDeveloperBlog

Pro React

1. Библиотека компонентов Chakra UI. Быстрый старт!
2. Кастомные React-Хуки, useToggle, useLocalStorage
3. React-приложение на TypeScript
4. CSS-модули, SASS/SCSS и сброс стилей в React-приложении
5. Библиотека компонентов Ant Design. Быстрый старт
6. Тестирование React приложения
7. Обработка ошибок в React-приложении | Error Boundary
8. Redux Toolkit для управления состоянием в React-приложении
9. Асинхронная работа с Redux Toolkit и createAsyncThunk
10. Cypress для End2end тестирования. Первый взгляд

#video #js #react

https://www.youtube.com/watch?v=-CdrHAImYfk&list=PLiZoB8JBsdzkClMnvcedplvSF_JPhvopM&ab_channel=%D0%9C%D0%B8%D1%85%D0%B0%D0%B8%D0%BB%D0%9D%D0%B5%D0%BF%D0%BE%D0%BC%D0%BD%D1%8F%D1%89%D0%B8%D0%B9

ReactJS - Путь Самурая 2.0

1. Введение, TypeScript, Apollo, AntDesign, WebSocket / React JS - Путь Самурая 2.0
2. React-у жизненно необходим TypeScript / React JS - Путь Самурая 2.0
3. React + TypeScript за 30 минут/ React JS - Путь Самурая 2.0
4. Redux + TypeScript / React JS - Путь Самурая 2.0
5. React + connect, TypeScript, mapStateToProps, mapDispatchToProps / React JS - Путь Самурая 2.0
6. React + Redux + TypeScript, типизация Actions и Thunk / React JS - Путь Самурая 2.0
7. React + Redux + TypeScript, типизация axios, api, enum, Promise / React JS - Путь Самурая 2.0
8. Redux-Form + TypeScript + Generic или как решать проблемы / React JS - Путь Самурая 2.0
9. React + TypeScript / Actions Creators, Generic, infer/ React JS - Путь Самурая 2.0
10. React + TypeScript / Типизируем ВСЁ / React JS - Путь Самурая 2.0

#video #react #js

https://www.youtube.com/watch?v=jSV2IPQz3ak&list=PLcvhF2Wqh7DM3z1XqMw0kPuxpbyMo3HvN&ab_channel=IT-KAMASUTRA

React. Lite Level

1. Знакомство с Node.js и NPM. React. Lite Level.
2. Первое приложение на React. React Lite Level.
3. Знакомимся с классами ES6. Часть 1
4. Знакомимся с классами ES6. Часть 2. Наследование, геттеры, сеттеры
5. Прототипное наследование. React. Lite Level
6. Компоненты React. React Lite Level
7. Props и State. Часть 1. React Lite Level
8. Props и State. Часть 2. React Lite Level
9. Props и State. Часть 3. React Lite Level
10. Работаем с формами. React. Lite Level

#video #react

https://www.youtube.com/watch?v=DW_Q1nxX1Ao&list=PLM7wFzahDYnGxyTXJwrlHZ25izs7zdzY5&ab_channel=WebDev%D1%81%D0%BD%D1%83%D0%BB%D1%8F.%D0%9A%D0%B0%D0%BD%D0%B0%D0%BB%D0%90%D0%BB%D0%B5%D0%BA%D1%81%D0%B0%D0%9B%D1%83%D1%89%D0%B5%D0%BD%D0%BA%D0%BE

ReactJS - Путь Самурая 2.0

1. Введение, TypeScript, Apollo, AntDesign, WebSocket
2. React-у жизненно необходим TypeScript
3. React + TypeScript за 30 минут
4. Redux + TypeScript
5. React + connect, TypeScript, mapStateToProps, mapDispatchToProps
6. React + Redux + TypeScript, типизация Actions и Thunk
7. React + Redux + TypeScript, типизация axios, api, enum, Promise
8. Redux-Form + TypeScript + Generic или как решать проблемы
9. React + TypeScript / Actions Creators, Generic, infer
10. React + TypeScript / Типизируем ВСЁ

#video #react #js

https://www.youtube.com/watch?v=jSV2IPQz3ak&list=PLcvhF2Wqh7DM3z1XqMw0kPuxpbyMo3HvN