Introduction

Welcome to my Project Space, It’s hard to update this, as I don’t usually public what I have developed or developing, but here are the things which you might check.

Easy Access

To Easily navigate through my notes use tags…..

📌 Quick Tag Index

#Agile (6) • #blender (1) • #blog (2) • #C (1) • #cheatsheet (1) • #Chennai (1) • #COA (1) • #Code (1) • #COURSE (1) • #custom (1) • #database (1) • #DBMS (2) • #devops (1) • #Elite_Tech_Park (1) • #GATE (3) • #Hands (1) • #Hands_On (1) • #hibernate (1) • #incubator (1) • #interview-prep (1) • #java (1) • #joins (1) • #js (1) • #linkedin (3) • #loadtesting (1) • #MCA (1) • #mysql (1) • #On (1) • #PL/SQL (1) • #post (9) • #Practical (1) • #python (1) • #react (1) • #SASTRA (1) • #security (1) • #selenium (1) • #shortcuts (1) • #spring (1) • #springboot (2) • #SQL (4) • #subqueries (1) • #TCS (8) • #testing (2) • #Theory (7) • #Theory/code (3) • #tricks (1) • #UDEMY (1) • #Visit (1) • #webtech (1) • #welcome (1) • #window-functions (1) • #Zoho (1)

Introduction

Welcome to my Project Space, It’s hard to update this, as I don’t usually public what I have developed or developing, but here are the things which you might check.

Easy Access

To Easily navigate through my notes use tags…..

📌 Quick Tag Index

#Agile (6) • #blender (1) • #blog (2) • #C (1) • #cheatsheet (1) • #Chennai (1) • #COA (1) • #Code (1) • #COURSE (1) • #custom (1) • #database (1) • #DBMS (2) • #devops (1) • #Elite_Tech_Park (1) • #GATE (3) • #Hands (1) • #Hands_On (1) • #hibernate (1) • #incubator (1) • #interview-prep (1) • #java (1) • #joins (1) • #js (1) • #linkedin (3) • #loadtesting (1) • #MCA (1) • #mysql (1) • #On (1) • #PL/SQL (1) • #post (9) • #Practical (1) • #python (1) • #react (1) • #SASTRA (1) • #security (1) • #selenium (1) • #shortcuts (1) • #spring (1) • #springboot (2) • #SQL (4) • #subqueries (1) • #TCS (8) • #testing (2) • #Theory (7) • #Theory/code (3) • #tricks (1) • #UDEMY (1) • #Visit (1) • #webtech (1) • #welcome (1) • #window-functions (1) • #Zoho (1)

Introduction to React

React is a JavaScript library for building user interfaces, particularly single-page applications where you need a fast, interactive UI.

Installation

To create a new React app, use:

npx create-react-app my-app cd my-app npm start

---

JSX (JavaScript XML)

JSX allows writing HTML elements inside JavaScript and placing them in the DOM without using methods like createElement.

Example:

const element = <h1>Hello, React!</h1>;

---

React Components

React components are reusable pieces of UI. There are two types: