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
(67)
Level
Intermediate
Updated
May 22, 2018
Duration
3h 19m
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
(67)
Level
Intermediate
Updated
May 22, 2018
Duration
3h 19m
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
Using React Hooks
Beginner
1h 53m
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.

Using Microsoft’s ASP.NET Core Templates to Build React Apps
If you are a tried and true Microsoft developer and love building apps with Visual Studio, you are likely a candidate for using the Microsoft provided React templates. I don't mean to imply that these React templates only work with Visual Studio. Because ASP. NET Core is Cross-platform, you can also use these templates from the command line and then use any editor or IDE to build your web apps. You're probably thinking even if you are a Microsoft developer, what about being a Microsoft developer would attract me to these templates. The answer is there are a few things. You can do all your development in one environment, that is these templates build an experience that deeply integrates React into ASP. NET Core to compiling runtime experience, or in web apps debug run run without debugger, will launch your app and the React and ASP. NET Core services will work seamlessly together. The React configuration in all the webpack magic is completely handled for you. You literally have a completely working out-of-the-box React sample app running within 2 minutes of firing up Visual Studio or creating the app from the command line. You have the Microsoft community to help you. There are plenty of Microsoft focused online communities that focus on Microsoft technology and those folks will know exactly the experience you are having and will be able to help you with problems. Just a side note though, it's a common misconception that if you create a web app with these templates, Microsoft support will officially support these templates. I've been told by Microsoft folks that these templates are not officially supported by Microsoft and that any help on them is through posts on the forums.