Posts

Showing posts with the label React JS

React JS + Spring Boot - Hello World Example

Image
In the section, we will create a project for Hello Word Example with Spring Boot and React JS. Part 1 - Backend development Step 1: Creating a simple spring boot web application.   First, open the Spring initializr https://start.spring.io/ Then, Provide the Group and Artifact name. We have provided Group name com.knf.dev.demo and Artifact helloworld . Here I selected the Maven project - language Java - Spring Boot 3.0.1 and add Spring web dependency. Then, click on the Generate button. When we click on the Generate button, it starts packing the project in a .zip( helloworld .zip ) file and downloads the project.  Then, Extract the Zip file. Step 2: Import the project on your favourite IDE, I am using IntelliJ IDEA Final Project Directory: Pom.xml   <? xml version ="1.0" encoding ="UTF-8" ?> < project xmlns ="http://maven.apache.org/POM/4.0.0" xmlns: xsi ="http://www.w3.org/2001/XMLSchema-instance" xsi :schemaLocation ="h

Azure Blob Storage + Spring Boot + React - File Upload, Download, and Delete Example

Image
Hello everyone,  Hope you are doing well,  today we will learn how to upload, download, and delete the file with  Azure Blob Storage,  Spring Boot, and React. You could download the source code from our GitHub repository. Technologies used Backend: Spring Boot 2.7.1 Java 17 Frontend: React 17.0.2 Axios 0.27.2 Bootstrap 4.6.0 react-dropzone 11.3.4 Cloud Service: Azure Blob Storage A little bit of Background Azure Blob Storage Azure Blob storage is Microsoft's object storage solution for the cloud. Blob storage is optimized for storing massive amounts of unstructured data. Unstructured data is data that doesn't adhere to a particular data model or definition, such as text or binary data. More Info -  https://docs.microsoft.com/en-us/azure/storage/blobs/storage-blobs-introduction Spring Boot Spring Boot makes it easy to create stand-alone, production-grade Spring-based Applications that you can "just run".  More Info -  https://spring.io/projects/spring-boot React React