jspw · July 5, 2024 16:50 · Jul 5, 2024 · Jul 5, 2024 · Jul 5, 2024
diff --git a/Code-Convention.md → Code-Conventions.md b/Code-Convention.md → Code-Conventions.md
diff --git a/Convention.md → Code-Convention.md b/Convention.md → Code-Convention.md
@@ -12,7 +12,7 @@
 
 ## JavaScript 
 
- 
+
 
 ## React 
 
@@ -31,7 +31,7 @@
 
 ### Low Level Code
 
-- Inside a react component ---  ` define variables -> define states -> define methods/functions -> hooks (useMemo() -> useEffect()) `
+- Inside a react component --->  ` define variables -> define states -> define methods/functions -> hooks (useMemo() -> useEffect()) `
 
   Example: 
 

diff --git a/Convention.md b/Convention.md
@@ -0,0 +1,98 @@
+# Code Conventions 
+
+
+
+## Java
+
+
+
+## Springboot 
+
+
+
+## JavaScript 
+
+
+
+## React 
+
+
+### Filename related
+
+
+- React Component files -> `.tsx`
+
+- All other files such as interface, utility, constant files -> `.ts`
+
+- React Component’s naming convention -> `SampleComponent.tsx` 
+
+- Normal typescript file naming convention -> `sampleFile.ts`
+
+
+### Low Level Code
+
+- Inside a react component ---  ` define variables -> define states -> define methods/functions -> hooks (useMemo() -> useEffect()) `
+
+  Example: 
+
+```ts
+
+export const SampleComponent = () => { 
+
+// variables 
+
+const totalPages = 2; 
+
+
+
+//states 
+
+const [count, setCount] = useState<number>(0) 
+
+const [result, setResult] = useState(0) 
+
+const [height, setHeight] = useState(0) 
+
+const [width, setWidth] = useState(0) 
+
+
+
+// methods 
+
+const handleCountIncrease = () => setCount(pre => pre + 1) 
+
+const handleCountDecrease = () => setCount(pre => pre - 1) 
+
+
+
+const area = (height: number, width: number) => { 
+
+setResult(2 * height * width) 
+
+} 
+
+
+
+//hooks 
+
+
+
+const renderData = useMemo(() => <div>Area : {result}</div>, [result]) 
+
+
+
+useEffect(() => { 
+
+area(height, width) 
+
+}, [height, width]) 
+
+
+
+return renderData 
+
+} 
+
+```
+
+## ExpressJs
No results found