Posts

React Basic Learning

Image
  React is js libary for building dynamic and interactive user interface. It was created by facebook in 2011 and widely used frontend development. Who to install react we need node version 16 or higer download latest version of node. How to create a React App 2 way to create react app official way provided by react team → create react app → vite → another tool, it is very popular because it is faster and give small bundle size. Process npm create vite@latest - to install latest version of vite there will be guide how to setup vite after npm install cd project name and do npm run dev Project Structure we can see node_modules where all node package are kept when we install other third package these are all stored here. It is good practice to put these modules in .gitignore file because it might be very heavy file. public file where all images that we use can be stored here. .gitignore to ignore file and folder that we don’t want to store in git index. htm...

HTML – a must-know for building responsive and dynamic layouts.

 Box Model <!-- at core we have content, padding, border, margin inspect the browser we can see the detail diagram of box model --> <! DOCTYPE html > < html lang = "en" >   < head >     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > Document </ title >     < style >       p {         /* padding: 1px 2px 1px 2px; */         /* we give padding value as T R B L -> top right bottom left             if we give single value, it will same value for all direction             last value is not given then, left value will be right value             if 2 value given bottom, will use 1st value, and left will use 2nd value             */ ...