Building a Website with React and ASP.NET Core

This course is about building web sites with React and ASP.NET Core. Two different technologies that work really well together. React, the JavaScript single page app framework and ASP.NET Core, the super fast, open source, standards compliant server.
Course info
Rating
(80)
Level
Intermediate
Updated
May 22, 2018
Duration
3h 20m
Table of contents
Course Overview
Introducing How to Build Connected React Single Page Apps
Building a Custom Webpack Configuration for React and Core
Integrating Facebook’s create-react-app with ASP.NET Core
Using Microsoft’s ASP.NET Core Templates to Build React Apps
Making REST API Calls from React to ASP.NET Core
Implementing Server Side Rendering That Includes REST Calls
Pros and Cons of the Integration Strategies
Description
Course info
Rating
(80)
Level
Intermediate
Updated
May 22, 2018
Duration
3h 20m
Description

Do you want to build a fully functioning modern web application that works on client browsers as well as back end REST servers? Do you want to use one of the most popular front end single page app frameworks in the world? In this course, Building a Website with React and ASP.NET Core, you will learn the best practices for how to build that app and have it work well with a Microsoft ASP.NET Core server using open source standards. First, you will learn how to create a React app starting with an empty Webpack config file, and from the ground up, build a React solution that talks asynchronously to an ASP.NET Core web server. Then, you will see how to implement server-side rendering using Node on the backend. Finally, you will learn about other options for integrating React and ASP.NET Core, including the create-react-app project from Facebook and the Microsoft React starter templates. By the end of the course, you will be able to build real-world React apps that work with an ASP.NET Core REST server on the back end for data. You’ll have the knowledge and tools you can apply right away to begin writing awesome React apps with ASP.NET Core.

About the author
About the author

Peter is the founder of Silicon Valley Code Camp and long-time software professional specializing in mobile and web technologies. He has also been a Microsoft MVP in ASP.NET since 2006.

More from the author
ASP.NET Core Tag Helpers and View Components
Intermediate
3h 2m
Aug 23, 2019
Using React Hooks
Beginner
1h 54m
May 3, 2019
More courses by Peter Kellner
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi. I'm Peter Kellner, and in this course, we're going to cover Building a Website with React and ASP. NET Core. These are two very different technologies, but as you'll see, they work incredibly well together. On the front-end, React, an open source JavaScript library, developed by Facebook, makes it much easier to build a complex interactive user interfaces we need in today's web applications. On the back-end, ASP. NET Core, also open source, and Cross-platform has super-fast performance and great web standard support. It's a perfect complement for React. So here are a few things to expect, building a real world React app from the ground up using webpack, creating that same app using Facebook scaffolder called Create React app, implementing REST calls from the React app to the ASP. NET Core server, and finally, updating our React app to generate server-side rendered HTML for super-fast page load times, as well as superior SEO which often is a thorn in the side of SPA apps. By the end of this course, you'll be totally comfortable building a website with React that not only gives your users a great web experience, but also one that seamlessly integrates with server data from REST data sources on the internet. Before beginning the course, you should have a good understanding of modern JavaScript ES6 or higher. You should also be really comfortable with the new class constructs Arrow functions and promises. You should also be familiar with React applications, as well as knowing the basics around REST and JSON. Join me and learn what it takes to build a real-world web application using React on the front-end, and ASP. NET Core on the back-end.