📺 Курс "React JS — путь самурая 1.0", уроки, практика

1. Как смотреть данный курс? [YouTube]
2. Зачем NodeJS на фронте [YouTube]
3. Установка NodeJS [YouTube]
4. create-react-app [YouTube]
5. SPA: single page application [YouTube]
6. index.js, App, JSX [YouTube]
7. Что такое Компонента [YouTube]
8. importexport - теория [YouTube]
9. import export наших компонент [YouTube]
10. default опасность плагин auto import [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #javascript #react #rus

📺 React JS. Полный Курс для Начинающих 2021

1. Настраиваем все инструменты для начала работы [YouTube]
2. Компоненты в React на примере [YouTube]
3. Создаем первый компонент - Landing [YouTube]
4. Что такое JSX в React и как его использовать? [YouTube]
5. Препроцессор Stylus для добавления стилей CSS [YouTube]
6. Обработчики событий и значения this [YouTube]
7. Пишем логику компонента Landing [YouTube]
8. Главный компонент App и структура приложения [YouTube]
9. Объект Props (пропсы) в React [YouTube]
10. Функциональные компоненты в React [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #javascript #react #rus

📺 Верстка сайта React js Material UI

1. Установка, адаптивное меню [YouTube]
2. Grid система проект [YouTube]
3. Практика адаптивности [YouTube]
4. Функции для сайта, футер [YouTube]
5. Форма регистрации, модальное окно [YouTube]
6. Уроки React Js на практике [YouTube]

#Видео #js #React #rus

📺 React Testing Library

1. Введение [YouTube]
2. Установка окружения [YouTube]
3. Рендеринг компонента [YouTube]
4. Поисковые типы [YouTube]
5. Поисковые варианты и утверждения [YouTube]
6. fireEvent Событие [YouTube]
7. userEvent Событие [YouTube]
8. Асинхронное тестирование [YouTube]
9. Тестирование контекста и портала [YouTube]
10. Тестирование Реакт Роутера [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #React #testing #rus

📺 Курс ReactJS (Redux, deploy)

1. Создаем app, разбираем структуру, работаем с CSS. Основы JSX [YouTube]
2. Компоненты React. Props [YouTube]
3. Роутинг на React. SPA и MPA на примерах [YouTube]
4. Активные ссылки навигации [YouTube]
5. React получаем значение из input (event, ref, hook). События в React [YouTube]
6. React State - это просто [YouTube]
7. Жизненный цикл компонента - простой разбор [YouTube]
8. ReactJS. Redux (часть 2) [YouTube]
9. Redux, выводим товары магазина [YouTube]
10. React и PHP интегрируем бекенд и фронтенд [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #js #React #rus

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

1. Установка [YouTube]
2. Компоненты и свойства Props [YouTube]
3. State, состояние компонента и примеры [YouTube]
4. Работа с формами. Первое To Do приложение [YouTube]
5. CSS стилизация. Как подключить библиотеку Material Ui, Bootstrap [YouTube]
6. Жизненный цикл компонента. Собеседование [YouTube]
7. Передача данных между компонентами [YouTube]
8. Работа с API на примере. Fetch запрос Api [YouTube]
9. Роутинг. Маршрутизация и создание страниц сайта [YouTube]

#Видео #js #React #rus

📺 TypeScript & React

1. Введение [YouTube]
2. Установка окружения [YouTube]
3. Типизация функциональных компонентов [YouTube]
4. Типизация классовых компоненты [YouTube]
5. Типизация событий [YouTube]
6. Типизация элементов [YouTube]
7. Типизация контекста и портала [YouTube]
8. Типизация Хуков [YouTube]
9. Типизация ХОК-ов [YouTube]
10. Типизация Роутера [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #TypeScript #React #rus

📺 MobX & React

1. Введение [YouTube]
2. Установка окружения [YouTube]
3. Наблюдаемое и наблюдатель [YouTube]
4. Вычисляемые значения и реакции [YouTube]
5. Наблюдаемые Объект и Массив [YouTube]
6. Действия [YouTube]
7. Повторяем изученное [YouTube]
8. Асинхронные запросы [YouTube]
9. Пользовательские реакции [YouTube]

#Видео #MobX #React #rus

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

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

#Видео #React #rus

📺 TypeScript + React

1. Введение [YouTube]
2. Установка окружения [YouTube]
3. Типизация функциональных компонентов [YouTube]
4. Типизация классовых компоненты [YouTube]
5. Типизация событий [YouTube]
6. Типизация элементов [YouTube]
7. Типизация контекста и портала [YouTube]
8. Типизация Хуков [YouTube]
9. Типизация ХОК-ов [YouTube]
10. Типизация Роутера [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #TypeScript #React #rus

📺 Уроки React JS на практике + Bootstrap

1. Адаптивное меню, роутинг [YouTube]
2. Слайдер, styled-components [YouTube]
3. Форма регистрации, модальное окно [YouTube]
4. Паралакс эффект, Grid [YouTube]
5. Футер и остальные страницы [YouTube]
6. Пишем сайт с нуля для начинающих [YouTube]

#курс #React #Bootstrap #rus

Как использовать TypeScript с React... А нужно ли?

Узнайте, как настроить React с TypeScript. Сравните плюсы и минусы использования TypeScript в проекте React.

📺 Смотреть

#видео #js #react #typescript

MobX & React. Полный курс

В данном видеокурсе мы с вами рассмотрим библиотеку MobX, которая помогает делать управление состоянием приложения простым и масштабируемым. Разберём основные концепции на которых строится MobX. React и Mobx вместе - это довольно мощная комбинация. React отрисовывает состояние приложения, предоставляя механизмы для перевода его в дерево отображаемых компонентов. MobX предоставляет механизм хранения и обновления состояния приложения, которое затем может использовать React.

📺 Смотреть

#видео #React #js

Roadmap для React в 2022 году

Все, что можно узнать о React и экосистеме в 2022 году. Цель этого руководства — дать вам представление об экосистеме React и помочь вам в обучении, если вы запутались.

🔎 Смотреть

#roadmap #web #React #js

Dependency injection в React-приложении

Исторически сложилось, что архитектурный паттерн DI не очень широко вошел в мир фронтенда и почти не встречается за пределами Angular. В видео рассказывается о том, что такое DI, объясняются на примерах основные концепции и предоставляется список готовых решений для реализации паттерна в приложении.

📺 Смотреть

#видео #React #js

Ant Design

github.com/ant-design/ant-design — язык дизайна пользовательского интерфейса корпоративного класса и библиотека пользовательского интерфейса React.

#репозиторий #UI #React

React Testing Library

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

📺 Смотреть

#видео #React

📺 React. Lite Level

1. Первое приложение на React. [YouTube]
2. Знакомимся с классами. [YouTube]
3. Наследование, геттеры, сеттеры [YouTube]
4. Прототипное наследование. [YouTube]
5. Компоненты React. [YouTube]
6. Props и State. Часть 1. [YouTube]
7. Props и State. Часть 2. [YouTube]
8. Props и State. Часть 3. [YouTube]
9. Работаем с формами. [YouTube]
10. Жизненный цикл компонентов. [YouTube]

Продолжение в плейлисте на YouTube.

#курс #React #rus