Building React and ASP.NET MVC 5 Applications
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.
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
- 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
- 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
- Create a REST API controller
- Add an action method to read records in JSON format
- Add an action method to create records
- The dev environment issue with React and Visual Studio 2015
- Set up webpack, TypeScript, and configs
- Set up React and type definitions and configs
- 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
- Understanding the API vulnerability
- Secure the API with AuthorizeAttribute
- Debugging the front end and back end
- Testing and completion
- Next steps
Taught by
Kazi Nasrat Ali
Never Stop Learning!
