React Examples

Login Screen Example

React and Spring Full Stack Examples
*** This is best among others.
We can see more examples in this site.

ReactJS Frameworks
Note: This is outdated. No commits for 15 months.
Ant Design
Created by Chinese conglomerate Alibaba, Ant Design is used by several big names: Alibaba (of course), Tencent, Baidu, and more.
Stay away from it.

Caution: Stay away from it. Having Chinese comments and we don’t know what it means.
Top 10 React component Libraries

Top 10 React Component Libraries for 2020

From Google
Pros: Backed by Google, Matured, Lightweight
Cons: Use commercial templates to speed up
From Microsoft
Cons: Stay away. They will give trouble with Chrome browser

React bootstrap
From Twitter
Pros: Fast development
Cons: Heavy, cleanup required

Material Design for Bootstrap


Install nodejs/npm latest

Step 1: Remove existing nodejs/npm
Removing Nodejs and Npm

sudo apt-get remove nodejs npm node
sudo apt-get purge nodejs

Now remove .node and .npm folders from your system

sudo rm -rf /usr/local/bin/npm
sudo rm -rf /usr/local/share/man/man1/node*
sudo rm -rf /usr/local/lib/dtrace/node.d
sudo rm -rf ~/.npm
sudo rm -rf ~/.node-gyp
sudo rm -rf /opt/local/bin/node
sudo rm -rf opt/local/include/node
sudo rm -rf /opt/local/lib/node_modules

sudo rm -rf /usr/local/lib/node*
sudo rm -rf /usr/local/include/node*
sudo rm -rf /usr/local/bin/node*

which node
which nodejs
which npm

Step 2: Choose correct version

  1. Using Ubuntu

curl -sL | sudo -E bash –
sudo apt-get install -y nodejs

Spring – Generate Entity Classes

G9 plugin from Marketplace in Spring Tool Suit or Eclipse did job done.

Install Plugin G9
Select Project (JAVA)
Import “Import Database Model”
Select JDBC Driver (In my case mysql)
Maintain JDBC Connection
Provide Driver Name, Add Jar, Port, Driver Class and connection url along with schema (jdbc:mysql://localhost:3306/{schema_name})
Close JDBC Connection Box
Port, DB Name, User Name and PWD
Reference URL

Spring Boot – Data Rest – Lazy Loading

Hibernate Spring User Guide

The OSIV Anti-Pattern
What is this property in Spring Boot?

(fetch = FetchType.LAZY) is not enough
Bytecode enhancement

The best way to lazy load entity attributes using JPA and Hibernate

From Spring Data Jpa Documentation “4.3.10. Configuring Fetch- and LoadGraphs”

Swagger Vs OpenAPI

springdoc-openapi is working better now.
There are issues with Swagger and Data Rest.

Open Source E-commerce

Java SpringBoot / React

How to design a website?

Olden days of HTML are gone.
CSS is ruling the world along with JavaScript.

covid-19 data and graphs