What is Azure App Service?
Azure App Service is an HTTP-based service hosting web applications, REST APIs, and mobile backends. You can develop in your favorite language, be it .NET, .NET Core, Java, Ruby, Node.js, React JS, PHP, or Python. Applications run and scale with ease on both Windows and Linux-based environments.
What is React JS?
React is a free and open-source front-end JavaScript library for building user interfaces based on components. It is maintained by Meta and a community of individual developers and companies. React can be used to develop single-page, mobile, or server-rendered applications with frameworks like Next.js.
Prerequisites
Before starting to build a React.js application in Azure, set up the following:
- Create a free Azure account and ensure you have at least one active subscription.
- Install Visual Studio Code with the Azure Account and Azure App Service extension.
Create Azure App Service(Azure Web App) on Azure
Login into https://portal.azure.com/ Azure Portal through your Azure Credentials. Then search App Service in the search box and create a new Web App on Azure.
I have created a web app with the below details and using Free Plan for this example.
Then Click Next, Next till Review+Create Tab. I have used all default configurations in between for all Tabs. I have nothing changed. Now click on Review+Create Button.
Now click on Create button, and it starts creating the web app on Azure.
Now click on the Go To Resource Button, and you can see your brand new web app. You can explore the left menu by yourself for various configurations.
So our Azure Web App is created. Now we will create a new sample ReactJS App.
Create ReactJS App
Open Visual Studio Code and open the DEMOREACT folder, open New Terminal in VS Code, and hit the npm init react-app my-app command; so it will create a sample React JS Application.
Join the conversation! Your thoughts help the community grow.