Overview
-
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.
Syllabus
-
Introduction
- Welcome
- What you should know
- Working with the exercise files
- Set up the development environment
- Front-end framework options
- Scaffolding a project
- Explaining the basic project structure
- React.js template
- Angular.js template
- Vue.js template
- Aurelia.js template
- 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
- 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
- Next steps
