Building React and ASP.NET Core Applications

Building React and ASP.NET Core Applications
Building React and ASP.NET Core Applications
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 2h 41m | 968 MB

React is a popular framework that’s well suited for building single-page applications (SPAs) along with ASP.NET Core; however, wiring the two frameworks together can be challenging. In this course, instructor Ervis Trupja shows you how, sharing best practices for organizing and developing a web application with a back end that’s built on top of the ASP.NET Web API and a front end that’s built on top of React. Ervis steps through how to build the service layer with the ASP.NET Web API to expose the required endpoints to create, read, update, and delete entries. He then shows how to build a UI using React with Bootstrap, implement Redux in your React app, and handle user authentication with Auth0.

Topics include:

  • Setting up the app infrastructure
  • Creating data models
  • Creating, reading, updating, and deleting API endpoints
  • Testing API endpoints using Postman
  • Reading data from React
  • Adding new data from React
  • Handling errors
  • Implementing Redux in an existing React app
  • Implementing authentication in your React app
Table of Contents

1 Getting started with React
2 What you should know
3 Demo application overview
4 NET Core templates
5 Create a new application
6 Web API architectural overview
7 React architectural overview
8 Creating data models
9 Creating mock services
10 Create API endpoint
11 Read API endpoint
12 Update API endpoint
13 Delete API endpoint
14 Testing API endpoints using Postman
15 React key concepts
16 Designing the Trips page
17 Reading data from React
18 Designing the Create page
19 Adding new data from React
20 Challenge Updating data from React
21 Solution Updating data from React
22 Deleting data from React
23 Handling errors in React
24 Why Redux
25 Redux actions
26 Redux store
27 Redux reducers
28 Connecting the dots
29 Setting up Auth0
30 Setting up authentication in React
31 Final steps
32 Where to go next