ASP.NET Core and React – The Complete Guide

The complete guide to build applications using ASP.NET Core 6, React and Entity Framework Core

In this course you will learn how to develop a complete functional application using ASP.NET Core 6, that connects to a database, allowing users to visualize, create, edit and delete elements directly from a friendly and well designed web page using React.js, one of the most powerful front-end libraries on the market.

What you’ll learn

  • How to develop an interactive single page application (SPA) using React js.
  • How to build a Web API using ASP NET Core 6 (.NET 6).
  • How to use Entity Framework Core to manipulate database records.
  • How to allow users to create, read, update and delete items in the web page using Axios.
  • How to document a Web API using Swagger.
  • How to install and use Microsoft SQL Server Studio.
  • How to install and publish an application in IIS.

Course Content

  • Introduction –> 2 lectures • 7min.
  • ASP.NET Core 6 –> 5 lectures • 27min.
  • Entity Framework Core –> 9 lectures • 43min.
  • ASP.NET Core Web API –> 6 lectures • 20min.
  • React –> 12 lectures • 55min.
  • Connecting Front-End with Back-End –> 8 lectures • 59min.
  • Publishing in IIS –> 1 lecture • 8min.

ASP.NET Core and React - The Complete Guide

Requirements

In this course you will learn how to develop a complete functional application using ASP.NET Core 6, that connects to a database, allowing users to visualize, create, edit and delete elements directly from a friendly and well designed web page using React.js, one of the most powerful front-end libraries on the market.

At the end of this course, you will have sufficient knowledge to develop your own complete application using ASP.NET Core, React.js and Entity Framework Core connecting to a database.

Some of the topics that we will cover during this course:

• Setting up the environment

• Introduction to ASP.NET Core 6

• Dependency injection

• Custom middleware

• Introduction to Entity Framework Core

• Creating database and table in Microsoft SQL Server

• Designing CRUD operations in C# using Entity Framework Core

• Introduction to ASP.NET Core Web API

• Documenting our Web API using Swagger

• Introduction to React

• JSX

• Virtual DOM

• Component

• Props

• React Effect Hook

• State and Mutability

• Event Handling

• Conditional Rendering

• Cross-Origin Requests (CORS)

• Adding Axios to connect our front-end with our back-end

• Adding SweetAlert for notification

• Handling errors in the Front-End

In the last lecture, you will learn how you can deploy the solution that you’ve developed in IIS.