Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
ReaсtJS и ASP.NET с нуля и до рабочего приложения, часть 2
Rating: 5.0 out of 5(3 ratings)
6 students

ReaсtJS и ASP.NET с нуля и до рабочего приложения, часть 2

Изучите основы ReactJS + Redux, для создания современных и гибких страниц ваших сайтов.
Last updated 4/2025
Russian

What you'll learn

  • Основы Redux в React
  • Лучшие практики разработки на React и Redux
  • Базовые понятия Redux: Store, Slice, Reducer, Actions
  • Примеры кода приложений на React с Redux

Course content

2 sections36 lectures3h 2m total length
  • Создание проекта с Redux для React6:37
  • Настройка хранилища данных в Redux7:00
  • Создание первого Reducer и Actions12:10
  • Dispatch для Action4:21
  • Получение значений из состояния в Redux (задание)1:52
  • Получение значений из состояния в Redux (результат)1:25
  • Управление действиям из компонентов React5:35
  • Создание компонента и использование хранилища в Redux(задание)4:44
  • Создание хранилища сложных объектов в Redux4:00
  • Создание компонента для показа сложных объектов из хранилища в Redux4:37
  • Использование slice для обработки данных при нажатии на кнопки в Redux4:54
  • Передача данных в виде объектов из хранилища в компоненты в Redux2:58
  • Настройка управления данными в нескольких компонентах в Redux5:36
  • Настройка прослушивания активации действий из внешних редуккторов в Redux5:58
  • Удаление "магических" строк из кода приложения на React1:54
  • Настройка методов действий во внешнем файле5:53
  • Другой способ организации экспорта и импорта компонентов в едином приложении2:50

Requirements

  • Понимание основ Html, CSS, Javascript и ReactJS
  • Visual Studio Code
  • Git/GitHub
  • Bootstrap

Description

Это вторая часть  курса по  библиотеке React и Redux, и API ASP.NET,  является в большей части, практической, где по мере выполнения заданий и создания простейших проектов, также будут, достаточно детально рассмотрены базовые понятия, концепции и термины, используемые в Redux для React. В курсе вы получите практический опыт создания простых приложений на React + Redux, где будут задания, для самостоятельного выполнения, а также по ходу изучения курса, вы создадите несколько проектов, которые можно выложить на GitHub, как доказательство того, что вы действительно что то знаете об этом фреймворке.

Цель этой части курса, достаточно проста, дать возможность начинающим разработчикам,  понимание того,  куда и как развиваются веб технологии в части front end, на примере фреймворка React.js + Redux.  Однако поскольку эта часть курсу, начинается с основ Redux, он также подойдет и тем кто уже работает в веб разработке и разбирается в HTML, CSS и JavaScript, но ничего не знает про JS библиотеки, типа ReactJS.     

Это будет практическая часть обучения,  в которой, вы сможете пройти путь с нуля и до начинающего разработчика  в React JS + Redux!

Вначале, вы получите общее представление о том что такое Redux,  также в этой части будет показано, какие инструменты, потребуются для разработки, а также какие расширения будут использованы для написания кода на React + Redux.

Далее будет рассмотрен пример использования Redux,  для хранения и управления данными в приложениях.

Затем будет подробно рассмотрено, что такое хранилище или store в Redux, что такое редукторы или reducers в Redux,  что такое Actions, или методы действия в Redux.

Далее, на примере работающего кода, будут рассмотрены способы получения данных из хранилища Redux, в компонентах React, возможности управления методами действия Redux, из компонентов React.

Затем будет рассмотрено понятие slice или срезов в Redux,  управления данными в нескольких компонентов React, настройка прослушивания активации методов действия из

внешних редукторов в Redux.

Также будет рассмотрены возможности методов действий во внешних файлах в Redux.

Затем будут рассмотрены альтернативные возможности организации импорта и экспорта компонентов в едином приложении. 

В следующем разделе, но основе простого примера приложения, будут рассмотрены возможности генерации асинхронных HTTP запросов во внешние API, с помощью Redux Toolkit Query.

Что бы проверить работоспособность создаваемого приложения, сначала будет рассмотрена возможность, установки простого тестового json - сервера, который может эмулировать обработку запросов и формирование ответов для Redux Toolkit Query.

Затем на простом примере, будет рассмотрена возможность создания компонентов React,

которые могут взаимодействовать с внешними API, генерировать запросы для них и получать ответы, которые могут быть в свою очередь, доступны для остальных компонентов приложения.

Далее, будут рассмотрены такие понятия как Query и Mutation в Redux, в чем их особенности и различия.

Затем последовательно, будет рассмотрено формирование функциональности основных CRUD операций, с помощью Query и Mutation, с переходом от простых видов запросов, до сложных запросов, с передачей объектов и/или параметров в таких запросах.

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

Этого вводного курса по Redux и RTK Query будет достаточно, что бы не только понимать, как разрабатываются современные веб интерфейсы, но также и создать  простые приложения на React + Redux.

И если вы до сих пор еще не решили, нужен ли вам этот курс, но дочитали до конца описание этой части  курса, то решайтесь  - значит вам это действительно нужно!

Who this course is for:

  • Для всех, кого интересует ReactJS + Redux
  • Для backend разработчиков, особенно для .NET/Java разработчиков, которые хотели освоить frontend