Building Single-Page Applications Using ASP.NET Core JavaScriptServices

Explore how to leverage single-page project templates—including React.js, Angular.js, Vue.js, and Aurelia.js—and JavaScriptServices to create a React and ASP.NET Core app.

Introduction

• Welcome
• What you should know
• Working with the exercise files
• Set up the development environment

1. Exploring ASP.NET Core SPA Project Templates

• Front-end framework options
• Scaffolding a project
• Explaining the basic project structure
• React.js template
• Angular.js template
• Vue.js template
• Aurelia.js template

2. Working with ASP.NET Core JavaScriptServices

• JavaScriptServices overview
• NodeServices
• Execute JS in the server using Node.js
• SPA services
• Webpack dev middleware
• Hot Module Replacement
• Server-side prerendering
• Routing helpers
• Building charts using node-chartist

3. Creating a React and ASP.NET Core App

• About the sample app
• Scaffolding with React
• Create the database, tables, and stored procedures
• Create data models
• Create data controller and actions
• Add React component: Customer list
• Add React subcomponents: Add/edit
• Controller action for add/edit sub-components
• Add navigation links
• Controller action for Customer search
• Add React component: Customer search
• Add React subcomponents: Order details
• Finish up the app and test
• Publish the app

Conclusion

• Next steps