Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Building React and ASP.NET MVC 5 Applications

via LinkedIn Learning

Overview

Learn how to combine the powers of React.js and Microsoft ASP.NET MVC 5 to develop full-stack web apps.

React.js is a popular framework that's especially suited to building web apps with ASP.NET MVC 5, but integrating the two frameworks can be challenging. In this course, instructor Kazi Nasrat Ali steps through how to wire these two frameworks together to develop full-stack React and ASP.NET MVC 5 web apps. Learn how to build a front end with React.js and a backend with ASP.NET MVC 5 and Entity Framework by creating a full-stack web app for a restaurant. Create user logins, add shopping cart functionality to your app, secure the API, and optimize for mobile. Upon wrapping up this course, you'll have the skills you need to combine the powers of React.js and ASP.NET MVC 5 to create high-quality, impactful webpages.

Syllabus

Introduction
  • The power of React and ASP.NET MVC 5
  • What you should know
  • Set up the development environment
1. About ASP.NET MVC 5 and React
  • ASP.NET MVC 5, React, and full-stack app quick overview
  • Why React with ASP.NET MVC 5?
  • The React and ASP.NET MVC app we are building
2. Create the Back End
  • Scaffold a project with MVC 5
  • Add data models for Entity Framework
  • Add Entity Framework DbContext
  • Create controller methods for UI pages
  • Add register and login views
  • Test register and login features
3. Setup: A Service API for Data
  • Create a REST API controller
  • Add an action method to read records in JSON format
  • Add an action method to create records
4. Setup: TypeScript, IntelliSense, and webpack
  • The dev environment issue with React and Visual Studio 2015
  • Set up webpack, TypeScript, and configs
  • Set up React and type definitions and configs
5. Create the Front End with React
  • Add a React data model and state classes
  • Add a React component and fetch data
  • Render data as a grid of boxes
  • Add shopping cart functionality with React
  • Continuing to add shopping cart functionality
  • Handling events for React elements
  • Add React form component to submit data
  • Responsive UI and mobile friendliness
6. Secure the API
  • Understanding the API vulnerability
  • Secure the API with AuthorizeAttribute
7. Debugging and Testing
  • Debugging the front end and back end
  • Testing and completion
Conclusion
  • Next steps

Taught by

Kazi Nasrat Ali

Related Courses

Reviews

Start your review of Building React and ASP.NET MVC 5 Applications

Never Stop Learning!

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free