HomeCoursesBuilding Web Applications with React and ASP.NET Core

Beginner

60h

Updated 3 months ago

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.

Join 2.8M developers at

Overview

Content

Reviews

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.

React is a popular library for building component-based frontends. It works fantastically well with ASP.NET Core, a great choice...Show More

WHAT YOU'LL LEARN

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

An understanding of React and ASP.NET to build web applications

Content

188 Lessons15 Quizzes

Introduction

1 Lessons

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

About This Course

Getting Started

15 Lessons

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

1 Lessons

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

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:

Packt

Developed by MAANG Engineers

Every Educative lesson is designed by a team of ex-MAANG software engineers and PhD computer science educators, and developed in consultation with developers and data scientists working at Meta, Google, and more. Our mission is to get you hands-on with the necessary skills to stay ahead in a constantly changing industry. No video, no fluff. Just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.8 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc 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

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Personalized Interview Prep

Skip the LeetCode grind with a custom roadmap that adapts to your goals. Hands-on practice for Coding Interviews, System Design, and more.

Mock Interviews

Test your skills in a simulated interview setting. Receive personalized feedback based on your performance. Available for Coding Interviews, System Design, and more.

AI Prompt

Build prompt engineering skills. Practice implementing AI-informed solutions.

Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

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

Learn C# Fundamentals

Learn C# and .NET with an adaptive roadmap that fits your level, taking you 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 your React journey with this beginner-friendly roadmap, mastering components, hooks, and routing to build dynamic and scalable web applications.

beginner

The Ultimate Guide to gRPC in ASP.NET Core

intermediate

15 hour

Course

Learn C# Fundamentals