HomeCoursesBuilding Web Applications with React and ASP.NET Core

AI-powered learning

Save

Building Web Applications with React and ASP.NET Core

Gain insights into building web applications with React and ASP.NET Core. Learn about React forms, state management, REST APIs, database interaction, security, and CI/CD deployment with Azure DevOps.

4.7

188 Lessons

2 Projects

60h

Join 2.9 million developers at

LEARNING OBJECTIVES

An understanding of React and ASP.NET to build web applications
Hands-on experience in building frontend using React and TypeScript
The ability to create REST APIs using ASP.NET Core
Hands-on experience in securing the backend using Auth0
Working knowledge of Azure DevOps to implement CI/CD Pipeline
The ability to interact with databases using Dapper

Learning Roadmap

188 Lessons15 Quizzes

Introduction

Get familiar with building full-stack applications using ASP.NET Core and React.

About This Course

Getting Started

Get started with building SPAs using React and ASP.NET Core, covering integration, architecture, and development essentials.

Understanding the ASP.NET React Template

SPA Architecture

Understanding the ASP.NET Core Backend

Understanding the Backend Entry Point

Understanding the Program.cs File in Newer Versions of ASP.NET

Understanding Controllers

Understanding the React Frontend

Running in Development Mode

Publishing Process

Understanding the Frontend Dependencies

Understanding How the Single Page Is Served

Understanding How Components Fit Together

Understanding How Components Access the Backend Web API

Quiz: ASP.NET React Template

Summary: ASP.NET React Template

Creating Decoupled React and ASP.NET 5 Apps

7 Lessons

Work your way through building a TypeScript-based Q&A app with React and ASP.NET Core.

Building a Frontend with React and TypeScript

17 Lessons

Grasp the fundamentals of building interactive React frontends with TypeScript, JSX, props, and state.

Styling React Components with Emotion

11 Lessons

Dig into styling React components using Emotion, CSS modules, reusable components, and pseudo-classes.

Routing with React Router

13 Lessons

See how it works to integrate React Router for multi-page navigation within a SPA.

Working with Forms

15 Lessons

Piece together the parts of building forms in React using controlled components and React Hook Form.

Managing State with Redux

11 Lessons

Learn how to use Redux to enhance state management in React applications.

Create a Trello Clone with React

Project

Premium

Interacting with the Database with Dapper

12 Lessons

Unpack the core of database interaction and management with Dapper and DbUp.

10.

Creating REST API Endpoints

16 Lessons

Go hands-on with creating and managing REST API endpoints using ASP.NET Core.

11.

Improving Performance and Scalability

14 Lessons

Apply your skills to enhance API performance, scalability, async methods, and caching.

12.

Securing the Backend

10 Lessons

Take a closer look at securing React and ASP.NET apps with Auth0, OIDC, and CORS.

13.

Interacting with RESTful APIs

16 Lessons

Tackle secure interactions with RESTful APIs using fetch, Auth0, and React context methods.

Build a REST API Using ASP.NET Core 6

Project

Premium

14.

Adding Automated Tests

10 Lessons

Master the steps to implement comprehensive automated testing for both backend and frontend.

15.

Configuring and Deploying to Azure

10 Lessons

Step through the deployment of React and ASP.NET Core apps to Azure environments.

16.

Implementing CI and CD with Azure DevOps

9 Lessons

Walk through the CI/CD implementation using Azure DevOps, improving reliability and deployment.

17.

Conclusion

Examine building web apps with ASP.NET Core and React, including deployment and security.

Summary

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Developed by MAANG Engineers

ABOUT THIS COURSE

React is a popular library for building component-based frontends. It works fantastically well with ASP.NET Core, a great choice for building highly performant backends that interact with SQL Server and are hosted in Azure. The course begins with an introduction to React and ASP.NET Core fundamentals. The first part of the course covers topics on React, such as React forms, Emotion for styling React components, React Router, and Redux for state management. In the second part, you will learn to use Dapper to interact with databases, create REST APIs, secure the backend, and perform automated testing. The course ends with the deployment and integration of the CI/CD pipeline with Azure DevOps. By the end of this course, you will possess the skills to craft robust and responsive web applications using ASP.NET Core and React. This proficiency will enhance your career prospects, making you a valuable contributor to modern and innovative software projects.

ABOUT THE AUTHOR

Packt

A tech learning platform that provides online courses, eBooks, videos, and other resources to help individuals and organizations stay ahead of emerging and popular technologies.

Learn more about Packt

Trusted by 2.9 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks

Anthony Walker

@_webarchitect_

Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!

Evan Dunbar

ML Engineer

You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it.

Software Developer

Carlos Matias La Borde

I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site

Souvik Kundu

Front-end Developer

Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content.

Vinay Krishnaiah

Software Developer

Course

ASP.NET Core MVC

Gain insights into creating dynamic web apps with ASP.NET Core MVC. Explore Razor, localization, advanced features, and best practices for building public and business applications.

26 h 40 m

intermediate

Course

The Ultimate Guide to gRPC in ASP.NET Core

Gain insights into using gRPC in ASP.NET Core. Discover remote procedures, Protobuf serialization, advanced features, and performance best practices to create low-latency, high-throughput applications.

15 h

intermediate

Course

Mastering C# for .NET Developers

Learn modern C# and .NET with a roadmap tailored to your level. Progress from core programming and OOP to exception handling, LINQ, and concurrency to build efficient cross-platform applications.

16 h 4 m

beginner

Course

Learn React 19: The Complete Guide to Modern Web Apps

Start from the basics and become a confident React 19 developer by building fast, real-world UIs while learning scalable architecture, async UI patterns, performance optimization, and projects.

beginner

The Ultimate Guide to gRPC in ASP.NET Core

intermediate

15 hour

Course

Mastering C# for .NET Developers