Skip to main content

Knowledge Factory

Search This Blog

Subscribe to this blog

Follow by Email

ReactJS - Tutorial

Get link
Facebook
Twitter
Pinterest
Email
Other Apps

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

ReactJS - Bootstrap - Navbar: part 11

CRUD

React JS+AdminLTE+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

Get link
Facebook
Twitter
Pinterest
Email
Other Apps

Comments

Post a Comment

Home
Spring Boot
Spring Boot - part 2
Full stack development
React Native - tutorial
ReactJS - Tutorial
Kotlin
Node JS
Cloud solutions
Interview questions
Core Java with examples
Learn Java 8 with examples
Angular 10- Tutorial + Example
Python
Java Framework
Web Development
General Topics
Online Tools
SQL
Support Us

Labels

Android
Angular
Angular 10
Azure
Blade
cloud solutions
Core Java
General
Google
Hibernate

iOS
Java Framework
Java Interview
Javascript
Javascript application
JPA
Junit
kotin
kotlin
Learn Java 8 streams by example
Mockito
Node.js
Online Tools
Personal Training
Python
React Native
ReactJS
Restful
Spring Boot Examples
Spring Boot projects
Spring Interview Questions
SQL
Vue.js
web development

Show more Show less

Contact Form

Name

Email *

Message *

Archive

March 202116
February 202136
January 202135
December 202036
November 20206
October 20208
April 202019
March 20203
October 201934
September 201924

August 20197

Show more Show less

Labels

Android
Angular
Angular 10
Azure
Blade
cloud solutions
Core Java
General
Google
Hibernate

iOS
Java Framework
Java Interview
Javascript
Javascript application
JPA
Junit
kotin
kotlin
Learn Java 8 streams by example
Mockito
Node.js
Online Tools
Personal Training
Python
React Native
ReactJS
Restful
Spring Boot Examples
Spring Boot projects
Spring Interview Questions
SQL
Vue.js
web development

Show more Show less

Popular Posts

Spring Boot + JPA/Hibernate One to Many mapping example

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 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"

Spring boot video streaming example-HTML5

Hello everyone, Today we will learn how to stream MP4 video using Spring. You can download the source code of this simple application from our GitHub repository. The Source code download Link is provided at the end of this post. User Interface 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. <? 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 > < groupId > org.springfram

DataTable-Pagination example with Spring boot, jQuery and ajax

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 post. Following technologies stack being used: Spring Boot 2.1.1.RELEASE Spring 5.1.3.RELEASE Maven 3 Datatable jQuery Free Marker javascript ajax Project Structure 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 ="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd" > < modelVersion > 4.0.0 </ modelVersion > < parent > < groupId > org.springframework.boot </ groupId > < artifactId > spring-boot-starter-parent </ artifactId > < version >

How to use Google Drive

Google Drive is an online file storage service that gives you 15GB of cloud storage for free. You can use it to create documents and store, share folders and files with other people. Get started with Google Drive Step 1: Go to Google drive Step 2: Log in to MyDrive with your email ID Step 3:You’ll see "My Drive," Step 4:Create New Folder Goto MyDrive>New folder>Add name to your new folder Step 5:Drag and Drop your files in your new folder Click on "MyKnowledge" Folder and drop your files. Step 6:Ensure your files successfully uploaded like below Most Popular Google Products And Services are Google Search Engine , Google Chrom , Gmail , Android , YouTube , Google Adsense , Google Drive For more products and details please visit the official website of google https://about.google/products/

Jmeter : Rest API load testing using Apache Jmeter

Hello everyone, welcome to our session. Today we will learn how to load test a JSON Rest API using JMeter. As a QA engineer, you probably incorporate many types of tests into your code checking: unit tests, integration tests, UI tests, functional tests, security tests, and more. Infrequently, load tests might be overlooked in a sprint or release process. After all, if the system is working under functional testing, it’s good to go, right? Wrong . Why load testing is important? This testing customarily identifies - The maximum operating capacity of an application Determine whether the current infrastructure is adequate to run the application Sustainability of application with veneration to peak utilizer load Number of concurrent users that an application can fortify and scalability to sanction more users to access it. Some astronomically popular sites have suffered solemn downtimes when they get massive traffic volumes. E-commerce websites invest heavily in advertising campaigns, bu

Install Angular 10 CLI and Create a New Example App with Routing

Hello everyone, today we will discuss the Environment Setup required for Angular 10. To install Angular 10, we require the following − Nodejs Npm Angular CLI IDE for writing your code Step 1:Install Node.js To check if node.js is installed on your system, type node -v in the terminal. This will help you see the version of node.js currently installed on your system. sibinmuhammed@ladmin-knf:~$ node -v v12.18.4 If it does not print anything, install node.js on your system. To install node.js, go to the homepage, https://nodejs.org/en/download/ of node.js, and install the package based on your OS. Based on your OS, install the required package. Once node.js is installed, npm will also get installed along with it. To check if npm is installed or not, type npm –v in the terminal as given below. It will display the version of the npm . sibinmuhammed@ladmin-knf:~$ npm -v 6.14.8 Step 2 — Installing Angular CLI 10 Head over to a new termi

ReactJS - Bootstrap - Navbar

Bootstrap become the most popular CSS framework. Let us create a new React app https://www.knowledgefactory.net/2020/12/react-js-setup-installation-and-first_27.html After engendering the React app, the best way to install Bootstrap is via the npm package. To install Bootstrap, navigate to the React app folder, and run the following command. $ npm install react-bootstrap bootstrap --save Example 1: background="dark" and variant="dark" import React from 'react' ; import { Navbar, Nav, NavDropdown, Form, Button, FormControl } from 'react-bootstrap' ; import 'bootstrap/dist/css/bootstrap.min.css' ; class App extends React.Component { render() { return ( <div><Navbar bg= "dark" variant= "dark" expand= "lg" > <Navbar.Brand href= "https://www.knowledgefactory.net/" > Knowledgefactory</Navbar.Brand>

5 Hardest Puzzle,100% fail answers

Mathematical puzzles make up an integral part of recreational mathematics. They have specific rules, but they do not usually involve competition between two or more players. Instead, to solve such a puzzle, the solver must find a solution that satisfies the given conditions. Mathematical puzzles require mathematics to solve them. Logic puzzles are a common type of mathematical puzzle. [wikipedia] Solve the problems below and post your answer in comment section.Let's start to test your IQ Problem 1 Solve this puzzle Problem 2 Find the missing number Problem 3 Solve this puzzle Problem 4 Find the missing one Problem 5 Solve this puzzle

Configuring Tomcat Connection pool and Hikari Connection pool in Spring Boot

One key component of spring boot starter dependencies is spring-boot-starter-data-JPA. This allows us to use JPA and work with production databases by using some popular JDBC connection pooling implementations, such as HikariCP and Tomcat JDBC Connection Pool. Tomcat Connection Pooling Spring Boot will look for HikariCP on the classpath and use it by default when present To configure a Tomcat JDBC connection pool instead of the default HikariCP, we'll exclude HikariCP from the spring-boot-starter-data-JPA dependency and add the tomcat-JDBC Maven dependency to our pom.xml: <dependency> <groupId> org.springframework.boot </groupId> <artifactId> spring-boot-starter-data-jpa </artifactId> <exclusions> <exclusion> <groupId> com.zaxxer </groupId> <artifactId> HikariCP </artifactId> </exclusion> </exclusions> </dependency> <dependency> &

Spring Boot + Angular 10 + Mongo DB CRUD : Full stack development foundation

Hello everyone, I hope you all are well👍, today we will learn how to develop a Full-stack web application that is a basic User Management Application using MongoDB, Spring Boot, and Angular 10. GitHub repository link is provided at the end of this tutorial. You can download the source code. Spring Boot is an open-source Java-predicated framework used to engender a micro Service. It is developed by the Pivotal Team and is utilized to build stand-alone and production-ready spring applications. Angular is a TypeScript-predicated open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations. Angular is a consummate re-indite from the same team that built AngularJS. User Interface -Add User: -Retrieve all Users: -User by ID: -Update User: We divided this tutorial into two parts. PART 1 - Restful API Development with Spring Boot (back end) PART 2 - UI development using Angular 10 (front end/client) PART 1 - Restful API

Powered by Blogger

knowledgefactory.net