Building React and ASP.NET Core Applications
Overview
Learn how to build full-stack React and ASP.NET Core applications.
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.
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.
Syllabus
Introduction
- Getting started with React
- What you should know
- Demo application overview
- .NET Core templates
- Create a new application
- Web API architectural overview
- React architectural overview
- Creating data models
- Creating mock services
- Create API endpoint
- Read API endpoint
- Update API endpoint
- Delete API endpoint
- Testing API endpoints using Postman
- React key concepts
- Designing the Trips page
- Reading data from React
- Designing the Create page
- Adding new data from React
- Challenge: Updating data from React
- Solution: Updating data from React
- Deleting data from React
- Handling errors in React
- Why Redux?
- Redux actions
- Redux store
- Redux reducers
- Connecting the dots
- Setting up Auth0
- Setting up authentication in React
- Final steps
- Where to go next
Taught by
Ervis Trupja
Related Courses
Reviews
0.0 rating, based on 0 reviews
Never Stop Learning!
