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.
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
Show more
Content
2.
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 TemplateSPA ArchitectureUnderstanding the ASP.NET Core BackendUnderstanding the Backend Entry PointUnderstanding the Program.cs File in Newer Versions of ASP.NETUnderstanding ControllersUnderstanding the React FrontendRunning in Development ModePublishing ProcessUnderstanding the Frontend DependenciesUnderstanding 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
7 Lessons
Work your way through building a TypeScript-based Q&A app with React and ASP.NET Core.
4.
Building a Frontend with React and TypeScript
17 Lessons
Grasp the fundamentals of building interactive React frontends with TypeScript, JSX, props, and state.
5.
Styling React Components with Emotion
11 Lessons
Dig into styling React components using Emotion, CSS modules, reusable components, and pseudo-classes.
6.
Routing with React Router
13 Lessons
See how it works to integrate React Router for multi-page navigation within a SPA.
7.
Working with Forms
15 Lessons
Piece together the parts of building forms in React using controlled components and React Hook Form.
8.
Managing State with Redux
11 Lessons
Learn how to use Redux to enhance state management in React applications.
9.
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.
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.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Course Author:
Developed by MAANG Engineers
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.
AI Prompt
Code Feedback
Explain with AI
AI Code Mentor
Free Resources
