ReactJS - Tutorial


CRUD

Popular posts from this blog

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 + 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. Technologies used  Spring Boot OpenCSV 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 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, and such can withal be designated. <?xml version = "1.0" encoding = "UTF-8"
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 boot web project free download:User Registration System

Image
The download link is provided at the bottom of the page. Before downloading the source code please go through the available functionalities, technologies used, and User Interface.   For more free mini projects, click the below link: React JS+SpringBoot+RDBMS-CRUD Example React JS + Spring Boot + MongoDB CRUD Example Vue.js + Spring Boot + MongoDB CRUD Application  Spring Boot + Angular 10 + Mongo DB CRUD Example Kotlin + Spring Boot + React JS + MongoDB CRUD Example Kotlin +Spring Boot + Mongo DB + Vue.js CRUD Example Angular 10 + Kotlin +Spring Boot + Mongo DB CRUD Example Kotlin-Spring Boot-Thymeleaf-JPA-CRUD application with source code Kotlin + Spring Boot + React JS + MongoDB CRUD - Full stack development   Angular 10 + Node.js + MongoDB CRUD application:MEAN stack development Node.js + Vue.js + Mongo DB CRUD Application React JS+AdminLTE+Node JS+Express+MongoDB CRUD: MERN Stack development example React.js + Python + MongoDB CRUD application Python + MongoDB + Vue.js CRUD Appli
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.5.5 H2DB 1.4.197 Mockito 2 Maven EclEmma plugin Junit 4 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 : EclE
Read more

ReactJS - Bootstrap - Buttons

Image
Bootstrap is a free and open-source front-end development framework for the creation of websites and web apps. It is a free and open-source project, hosted on GitHub, and originally engendered by Twitter. Let us create a new React app  https://www.knowledgefactory.net/2020/12/react-js-setup-installation-and-first_27.html For more topics, click below link: React JS Setup, Installation, and First React Project :  part 1 ReactJS - JSX :  part 2 ReactJS - Components :  part 3 ReactJS - State and Props :  part 4 ReactJS - Component API : part 5 ReactJS - Events  :  part 6 Reactjs - Form :  part 7 ReactJS - Bootstrap - Buttons : part 8 ReactJS - Bootstrap - Table : part 9 ReactJS - Keys : part 10 React J+Node JS+Express+MongoDB CRUD:MERN Stack development  Kotlin + Spring Boot + React JS + MongoDB CRUD - Full stack development React JS+SpringBoot+RDBMS-CRUD:Full-stack development foundation React.js + Python + MongoDB CRUD application   After engendering the React app, the best way to instal
Read more

10 Best Job Posting Sites 2021-2022

Image
One of the most mundane ways today’s job seekers unearth employment opportunities is by utilizing online sources. There are hundreds of job boards, both generic and niche, as well as aggregators, convivial media channels, networking groups, and staffing company websites to cull from.  The good news is they provide plenty of listings. The deplorable news is you can be facilely inundated by so many options. Here, the knowledge factory offers you 10 of what is generally considered the best job search websites around. There are many others, of course, but this list of best job search websites should give you a good commencement point for your next job hunt: 1. LinkedIn   This top networking website allows us to find jobs through our elongated network. Utilizer profiles accommodate as a resume. We can facilely share vocation-cognate content and solicit or supply recommendations. We can join groups, participate in conversations, and follow companies we find fascinating and pertinent to
Read more

Spring Boot + JPA/Hibernate One to Many mapping example

Image
Hello everyone, In this tutorial, we will learn how to implement one-to-many entity mapping using JPA/Hibernate with Spring Boot, Spring Data JPA, and the H2DB database. Project Structure   See the final project structure of this tutorial.   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, and such can withal be designated. <?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&
Read more

Spring Boot Export data to PDF example

Image
Hello everyone, today we will learn how to export and download the data as a PDF file in a Spring Boot project. PDF stands for the Portable Document Format , used to exhibit documents in an electronic form independent of the software, hardware, or operating system they are viewed on. Technologies used: Spring Boot  iText PDF H2DB Spring Data JPA Project Directory: 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, and such can withal be designated. <?xml version = "1.0" encoding = "UTF-8" ?> <project
Read more

Java - Blowfish Encryption and decryption Example

Image
Blowfish is a symmetric-key block cipher, designed in 1993 by Bruce Schneier and included in many cipher suites and encryption products. Blowfish provides a good encryption rate in software and no effective cryptanalysis of it has been found to date. However, the Advanced Encryption Standard (AES) now receives more attention, and Schneier recommends Twofish for modern applications. Example 1: Encryption and decryption using Blowfish import java.io.UnsupportedEncodingException; import java.nio.charset.Charset; import java.security.InvalidKeyException; import java.security.NoSuchAlgorithmException; import java.util.Base64; import javax.crypto.BadPaddingException; import javax.crypto.Cipher; import javax.crypto.IllegalBlockSizeException; import javax.crypto.NoSuchPaddingException; import javax.crypto.spec.SecretKeySpec; /** * This program demonstrates how to encrypt/decrypt * input using the Blowfish * Cipher with the Java Cryptography. */ public class BlowfishDemo { p
Read more