ReactJS - Tutorial


CRUD

Popular posts from this blog

Learn Java 8 streams with an example - print odd/even numbers from Array and List

Example 1: Java 8 program to print odd numbers from a List import java.util.Arrays; import java.util.List; import java.util.stream.Collectors; /*Java 8 Program to find Odd Numbers from a List*/ public class DriverClass { public static void main( String [] args) { List < Integer > numbers = Arrays. asList( 1 , 4 , 8 , 40 , 11 , 22 , 33 , 99 ); List < Integer > oddNumbers = numbers.stream(). filter(o -> o % 2 != 0 ). collect(Collectors.toList()); System.out.println(oddNumbers); } } Example 2: Java 8 program to print even numbers from a List import java.util.Arrays; import java.util.List; import java.util.stream.Collectors; /*Java 8 Program to find Even Numbers from a List*/ public class DriverClass { public static void main( String [] args) { List < Integer > numbers = Arrays.
Read more

Spring boot video streaming example-HTML5

Image
Hello everyone, Today we will learn how to stream MP4 video using Spring Boot and Spring Web Flux.  The Source code download link is provided at the end of this post. New, Quarkus Practice User Interface   Project Structure: G radle(build.gradle) plugins { id 'org.springframework.boot' version '2.5.4' id 'io.spring.dependency-management' version '1.0.11.RELEASE' id 'java' } group = 'com.knf.demo' version = '0.0.1-SNAPSHOT' sourceCompatibility = '11' repositories { mavenCentral() } dependencies { implementation 'org.springframework.boot:spring-boot-starter-webflux' testImplementation 'org.springframework.boot:spring-boot-starter-test' testImplementation 'io.projectreactor:reactor-test' } test { useJUnitPlatform() } Service (VideoStreamingService.java) package  com.knf.demo.service ; import org.springframework.beans.factory.annotation. Autowired ; import org.springframew
Read more

Spring Boot + Mockito simple application with 100% code coverage

Image
In this article, we will show you a simple  Spring Boot example to demonstrate test methods for Controllers, Service, and Repository, And code coverage analysis using the EclEmma plugin. Technologies used: Spring Boot 2.6.4 Mockito 3.11.2 Maven 3+ EclEmma plugin Junit 5 Java 17 A quick overview of  Spring Boot, Mockito, and EclEmma plugin Spring boot: Spring boot to develop REST web services and microservices. Spring Boot has taken the Spring framework to the next level. It has drastically reduced the configuration and setup time required for spring projects. We can set up a project with almost zero configuration and start building the things that actually matter to your application. Mockito: Mockito is a mocking framework, a JAVA-predicated library that is utilized for efficacious unit testing of JAVA applications. Mockito is utilized to mock interfaces so that a dummy functionality can be integrated into a mock interface that can be utilized in unit testing. EclEmma : E
Read more

Spring Boot + OpenCSV Export Data to CSV Example

Image
Hello everyone, today we will learn how to export and download the data as a CSV file in a Spring Boot project. CSV stands for Comma-Separated-Values and it's a common format for doing a bulk data transfer between systems. For creating and parsing CSV files, we will use OpenCSV 3rd-party library. A little bit of Background 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 OpenCSV OpenCSV is an easy-to-use CSV (comma-separated values) parser library for Java. It was developed because all the CSV parsers at the time didn’t have commercial-friendly licenses. Java 8 is currently the minimum supported version.   More Info -  http://opencsv.sourceforge.net/ Technologies used   Java 17 Spring Boot 2.7.0 OpenCSV 5.6 Spring Data JPA H2DB Maven Project directory Maven [pom.xml] A Project Object Model or POM is the fundamental unit of work in Maven. It
Read more

Custom Exception Handling in Quarkus REST API

Image
Hello everyone, In this article, we will learn how to handle exceptions in the Quarkus REST application using ExceptionMapper interface implementations. ExceptionMapper is a contract for a provider that will map a thrown application exception to a Response object. More related topics, Quarkus + Angular 10 + MongoDB CRUD Example Quarkus + React JS + MongoDB CRUD Example Quarkus + Vue.js + MongoDB CRUD Example Build Reactive CRUD APIs With Quarkus, MongoDB, and Panache We will show you custom exception handling with the help of a simple application, Project Directory: application.properties knowledgefactory.custom.error.msg.usernotfound = User not found knowledgefactory.custom.error.msg.badrequest.numeric = User Id must be numeric Create Error Message: package org.knf.dev.demo.exception; public class ErrorMessage { private String message; private Boolean status; public String getMessage() { return message; } public void setMessage( String message)
Read more

Registration and Login with Spring Boot + Spring Security + Thymeleaf

Image
Hello everyone, I hope you all are well, today we will learn how to create user registration and login using Spring boot,  Spring security,  Thymeleaf, JPA, and H2DB . The  GitHub repository link is provided at the end of this tutorial. You can download the source code. Technologies used: Spring Boot 2.5.5  Spring Data JPA Spring Security  Thymeleaf  Maven 3+ Java 17  H2 Database User Interface User Registration Authentication Failed Authentication success Sign out Project Structure: Maven[pom.xml]: A Project Object Model or POM is the fundamental unit of work in Maven. It is an XML file that contains information about the project and configuration details utilized by Maven to build the project. It contains default values for most projects. Some of the configurations that can be designated in the POM is the project dependencies, the plugins or goals that can be executed, the build profiles, and so on. Other information such as the project version, description, developers, mailing lists
Read more

DataTable-Pagination example with Spring boot, jQuery and ajax

Image
Hello everyone, Today we will show you the DataTable-Pagination example with Spring boot, jQuery, and ajax. The link to download the source code is provided at the end of this tutorial. More practice: Spring Boot - Spring Security -Google OAuth2 Login - Example Registration and Login with Spring Boot + Spring Security + Thymeleaf Spring Boot-Authentication and Authorization with Spring Security & JWT Kotlin - Spring Security -Google OAuth2 Login - Example Following technologies stack being used: Spring Boot 2.5.5 Java 11 Maven 3 Datatable jQuery javascript ajax Project Structure: pom.xml POM stands for project object model. It's the fundamental unit of work in Maven. It is an XML file that contains information about the project and configuration details used to build the project. It downloads required libraries easily using POM XML tags. <?xml version = "1.0" encoding = "UTF-8" ?> <project xmlns = "http://maven.a
Read more

Spring Webflux File Download - REST API Example

Image
In this article, We will learn how to download files in a RESTful Spring WebFlux application. More Spring WebFlux practice: Spring Webflux File Upload (Single/Multiple)- REST API Example Kotlin + Spring Webflux File Upload (Single/Multiple)- REST API Example Kotlin + Spring Webflux File Download - REST API Example Reactive Rest CRUD APIs using Spring Boot, WebFlux, and Reactive Mongo Technologies Used: Spring Boot 2.5.4 Spring Webflux 2.5.4 Java 11 Maven 3 Project Structure: Project Dependency Management Spring boot dependencies, no need for the extra library for file upload. <? 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 ="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd" > < modelVersion >4.0.0</ modelVersion > < parent > < g
Read more

Node JS mini projects with source code - free download

Image
Project 1: User Management Application - Using Node JS, Angular 10 and MongoDB Technologies used: Node JS Angular 10 MongoDB Express For more information and   download   source code please   click here Project 2: User Management Application - Using Node JS, Vue.js, and MongoDB Technologies used: Node JS Vue.js MongoDB Express For more information and  download   source code please   click here Project 3: User Management Application - Node JS, React JS, and MongoDB Technologies used: Node JS React JS MongoDB Express For more information and   download   source code please   click here Project 4: Node JS: Authentication and Authorization with JWT in Express.js What is JSON Web Token? JSON Web Tokens (JWT) have been introduced as a self-contained way for securely transmitting information between parties as a JSON object.JSON Web Token (JWT) is an open standard (RFC 7519) that defines a compact. This information can be verified and trusted because it is digitally signed. JWTs can be signe
Read more

ReactJS, Spring Boot JWT Authentication Example

Image
Hello everyone, In this tutorial, we’ll create a user registration & login example using ReactJS, Spring Boot, Spring Security, and JWT authentication. You could download the source code from our Github repository, the download link is provided at the end of this tutorial. Technologies used Backend Technologies: Java 17 Spring Boot 2.7.0 Spring Security Spring Data JPA JWT H2 Database Frontend Technologies: React 17.0.1 Axios 0.27.2 Redux 4.0.5 Bootstrap 4.5.2 ReactJS - SpringBoot - JWT - Flow Backend Project Directory: Frontend Project Directory: Following is the screenshot of our application - User Registration: User Signin: Profile View: Access Resource: We will build two projects:  1. Backend:   spring-boot-security-jwt 2. Frontend: react-redux-jwt Project 1: spring-boot-security-jwt 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/XMLSchem
Read more