Gaming Website

Another React Project, just for Practice
Landing Page of Website

Tool

VS Code

Languages

• HTML

• CSS3

• Tailwind

Project was Created Via

React + Vite

Use the Following Command to run the project on VS code

npm run dev

Points to Ponder

1. if else does not exit in jsx, thus use ternary operator because jsx is not a programming language but a syntax extension for xml
2. Use {} brackets to use js in jsx file.
3. Context is used when I want to pass the data of my parent component to its child component (sharing of data/variables within different components).
4. useEffect hook is used when you want to render something the page is loaded for the first time.
5. useContext is used when you want to share the content between parent and child component.
   Remember 3 keywords while working with useContext

• createContext

• .Provider

• useContext

6. Consider a Slice in redux as a Feature

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh