Building React and ASP.NET Core Applications
2h 41mIntermediate2019-12-03
Authors

Ervis Trupja
Full-Stack .NET Web Developer with a mathematical background
Course details
React is a popular framework that's well suited for building single-page applications (SPAs) along with ASP.NET Core; however, wiring the two frameworks together can be challenging. In this course, instructor Ervis Trupja shows you how, sharing best practices for organizing and developing a web application with a back end that's built on top of the ASP.NET Web API and a front end that's built on top of React. Ervis steps through how to build the service layer with the ASP.NET Web API to expose the required endpoints to create, read, update, and delete entries. He then shows how to build a UI using React with Bootstrap, implement Redux in your React app, and handle user authentication with Auth0.
Learning objectives
Setting up the app infrastructure
Creating data models
Creating, reading, updating, and deleting API endpoints
Testing API endpoints using Postman
Reading data from React
Adding new data from React
Handling errors
Implementing Redux in an existing React app
Implementing authentication in your React app
Learning objectives
Setting up the app infrastructure
Creating data models
Creating, reading, updating, and deleting API endpoints
Testing API endpoints using Postman
Reading data from React
Adding new data from React
Handling errors
Implementing Redux in an existing React app
Implementing authentication in your React app
Skills covered
ASP.NET Web APIASP.NETReact.jsMetaBack-End Web DevelopmentFull-Stack Web DevelopmentFront-End Web DevelopmentProjectWeb DevelopmentMicrosoft
Concepts
0. Introduction
- 01 - Getting started with React
- 02 - What you should know
1. Setting Up the App Infrastructure
- 03 - Demo application overview
- 04 - .NET Core templates
- 05 - Create a new application
- 06 - Web API architectural overview
- 07 - React architectural overview
2. Setting Up Web API
- 08 - Creating data models
- 09 - Creating mock services
- 10 - Create API endpoint
- 11 - Read API endpoint
- 12 - Update API endpoint
- 13 - Delete API endpoint
- 14 - Testing API endpoints using Postman
3. Getting Started with React
- 15 - React key concepts
- 16 - Designing the Trips page
- 17 - Reading data from React
- 18 - Designing the Create page
- 19 - Adding new data from React
- 20 - Challenge - Updating data from React
- 21 - Solution - Updating data from React
- 22 - Deleting data from React
- 23 - Handling errors in React
4. Implementing Redux to an Existing React App
- 24 - Why Redux
- 25 - Redux actions
- 26 - Redux store
- 27 - Redux reducers
- 28 - Connecting the dots
5. Implementing Authentication in Your React App
- 29 - Setting up Auth0
- 30 - Setting up authentication in React
- 31 - Final steps
Conclusion
- 32 - Where to go next
Related courses
- Building Single-Page Applications Using ASP.NET Core JavaScriptServices
- Building React and ASP.NET MVC 5 Applications
- Building React and Django Apps
- React: Building Styles with CSS Modules
- Building Scalable React UI Component Libraries with Storybook
- React Practice for Beginners: Build and Modify Basic Components
- Interactive React for the Web
- React.js: Building an Interface
Related learn paths
- Explore App Development with the MERN Stack
- Advance Your Skills as a Django Developer
- Improve Your React Skills
- Explore React.js Development
- Explore a Career in Front-End Web Development
- Explore Web Development with Vanilla JavaScript
- Become a JavaScript Developer
- Building Generative AI Skills for Web Developers