[Setup] Setup the repository (#1)

* Remove web vitals check

* Add github workflows file for unit test

* Add babel dev dependencies to resolve the warning

* update node packages

* Add tsconfig file

* Add eslintignore file

* Import necessary packages for converting javascript to typescript

* Convert to typescript files

* Add overrides to resolve typescript 5.x version based on facebook/create-react-app#13080

* Sync the package lock file with "npm config set legacy-peer-deps false" and "npm i"

.eslintignore

@@ -0,0 +1 @@
+node_modules

.github/workflows/testing.yml

@@ -0,0 +1,22 @@
+name: Unit Tests
+
+on: [pull_request]
+
+jobs:
+    tests:
+        runs-on: ubuntu-latest
+
+        strategy:
+            matrix:
+                node-version: [20.x]
+
+        steps:
+            - uses: actions/checkout@v4
+            - name: Use Node.js ${{ matrix.node-version }}
+              uses: actions/setup-node@v4
+              with:
+                  node-version: ${{ matrix.node-version }}
+            - name: npm install
+              run: npm ci
+            - name: tests
+              run: npm test

package.json

@@ -6,11 +6,21 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^29.5.12",
+    "@types/node": "^20.11.19",
+    "@types/react": "^18.2.57",
+    "@types/react-dom": "^18.2.19",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
+    "typescript": "^5.3.3",
     "web-vitals": "^2.1.4"
   },
+  "overrides": {
+    "react-scripts": {
+      "typescript": "^5"
+    }
+  },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
@@ -34,5 +44,9 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/plugin-transform-private-property-in-object": "^7.23.4"
   }
 }

src/App.test.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+
+import { render, screen } from "@testing-library/react";
+
+import App from "./App";
+
+test("renders learn react link", () => {
+    render(<App />);
+    const linkElement = screen.getByText(/learn react/i);
+    expect(linkElement).toBeInTheDocument();
+});

src/App.tsx

@@ -0,0 +1,9 @@
+import "./App.css";
+
+import React from "react";
+
+function App() {
+    return <div className="App">learn react</div>;
+}
+
+export default App;

src/index.tsx

@@ -0,0 +1,13 @@
+import './index.css';
+
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+
+import App from './App';
+
+const root = ReactDOM.createRoot(document.getElementById("root")!);
+root.render(
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>
+);

tsconfig.json

@@ -0,0 +1,27 @@
+{
+	"compilerOptions": {
+		"target": "es5",
+		"lib": [
+			"dom",
+			"dom.iterable",
+			"esnext"
+		],
+		"allowJs": true,
+		"skipLibCheck": true,
+		"esModuleInterop": true,
+		"allowSyntheticDefaultImports": true,
+		"strict": true,
+		"forceConsistentCasingInFileNames": true,
+		"noFallthroughCasesInSwitch": true,
+		"noImplicitOverride": true,
+		"module": "esnext",
+		"moduleResolution": "node",
+		"resolveJsonModule": true,
+		"isolatedModules": true,
+		"noEmit": true,
+		"jsx": "react-jsx"
+	},
+	"include": [
+		"src"
+	]
+}