You're reading from ASP.NET Core 5 and React Full-stack web development using .NET 5, React 17, and TypeScript 4

Product type Paperback

Published in Jan 2021

Publisher Packt

ISBN-13 9781800206168

Length 568 pages

Edition 2nd Edition

Languages

Tools

.NET

Concepts

Full Stack Web Development

Author (1):

Carl Rippon

Preface

1. Section 1: Getting Started

2. Chapter 1: Understanding the ASP.NET 5 React Template FREE CHAPTER

3. Chapter 2: Creating Decoupled React and ASP.NET 5 Apps

4. Section 2: Building a Frontend with React and TypeScript

5. Chapter 3: Getting Started with React and TypeScript

6. Chapter 4: Styling React Components with Emotion

7. Chapter 5: Routing with React Router

8. Chapter 6: Working with Forms

9. Chapter 7: Managing State with Redux

10. Section 3: Building an ASP.NET Backend

11. Chapter 8: Interacting with the Database with Dapper

12. Chapter 9: Creating REST API Endpoints

13. Chapter 10: Improving Performance and Scalability

14. Chapter 11: Securing the Backend

15. Chapter 12: Interacting with RESTful APIs

16. Section 4: Moving into Production

17. Chapter 13: Adding Automated Tests

18. Chapter 14: Configuring and Deploying to Azure

19. Chapter 15: Implementing CI and CD with Azure DevOps

20. Other Books You May Enjoy

Publishing the React frontend to Azure

In this section, we are going to deploy our React frontend to Azure, to both staging and production environments.

Let's carry out the following steps to publish our frontend to a production environment:

We'll start by provisioning an Azure app service. So, let's go to the Azure portal in a browser and go to the App Services area, and click the Add option.
Complete the form that opens by choosing the existing resource group, choosing an app name, and selecting .NET 5 as the runtime stack and Windows as the operating system. Note that the app name we choose needs to be reflected in the Frontend setting in the appsettings.Production.json file in our backend project. Click the Review + create button and then the Create button to create the app service.
Let's move to Visual Studio Code now and create a production build by running the following command in the Terminal:
```
> npm run build...
```