Building Web Applications with React and ASP.NET Core
INTERACTIVE COURSE

Building Web Applications with React and ASP.NET Core

Beginner

188 Lessons

60h

Certificate of Completion

AI-powered Learning:

AI Explanations
AI Explanations
Building Web Applications with React and ASP.NET Core

This course includes:

163 Playgrounds
15 Quizzes
404 Illustrations

Takeaway Skills

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

Course Overview

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 t...Show More

Course Content

1

Introduction

About This Course
2

Getting Started

Understanding the ASP.NET React TemplateSPA Architecture
Understanding the ASP.NET Core BackendUnderstanding the Backend Entry PointUnderstanding the Program.cs File in Newer Versions of ASP.NETUnderstanding Controllers
Understanding the React FrontendRunning in Development ModePublishing ProcessUnderstanding the Frontend Dependencies
Understanding How the Single Page Is ServedUnderstanding How Components Fit TogetherUnderstanding How Components Access the Backend Web APIQuiz: ASP.NET React TemplateSummary: ASP.NET React Template
3

Creating Decoupled React and ASP.NET 5 Apps

Introduction: Decoupled React and ASP.NET Apps
Creating an ASP.NET Core Web API ProjectCreating a React and TypeScript AppAdding Linting to React and TypeScriptAdding Automatic Code Formatting to React and TypeScriptQuiz: Decoupled React and ASP.NET AppSummary: Decoupled React and ASP.NET App
4

Building a Frontend with React and TypeScript

Introduction: Creating React Frontend with TypescriptUnderstanding JSXUnderstanding and Enabling Strict ModeCreating Function-Based ComponentsAdding Elements to the Header ComponentCreating Mock DataImplementing Component PropsOptional and Default PropsChildren PropFunction PropsImplementing Component StateUsing useEffect to Execute LogicHandling EventsQuiz: Creating React Frontend with TypeScriptChallenge: Creating a New Footer in Our Web PageSolution: Creating a New Footer in Our Web PageSummary: Creating React Frontend with TypeScript
5

Styling React Components with Emotion

Introduction: Styling React Components with EmotionStyling Components with CSSStyling Components with CSS ModulesStyling Components with EmotionStyling Pseudo-Classes and Nested Elements with EmotionCreating a Reusable Styled Component with EmotionCompleting the Home Page StylingQuiz: Styling React Components with EmotionChallenge: Adding a Button and Styling it with EmotionSolution: Adding Button and Styling It with EmotionSummary: Styling React Components with Emotion
6

Routing with React Router

13 Lessons

7

Working with Forms

15 Lessons

8

Managing State with Redux

11 Lessons

9

Interacting with the Database with Dapper

12 Lessons

10

Creating REST API Endpoints

16 Lessons

11

Improving Performance and Scalability

14 Lessons

12

Securing the Backend

10 Lessons

13

Interacting with RESTful APIs

16 Lessons

14

Adding Automated Tests

10 Lessons

15

Configuring and Deploying to Azure

10 Lessons

16

Implementing CI and CD with Azure DevOps

9 Lessons

17

Conclusion

1 Lesson

COURSE AUTHOR
Packt

How You'll Learn

Hands-on Coding Environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

2x Faster Learning — With No Setup

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

AI-Powered Learning

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Progress You Can Show

Built-in assessments let you test your skills. Completion certificates let you show them off.

Recommended Courses

BEFORE STARTING THIS COURSE

AFTER FINISHING THIS COURSE

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath