Merge pull request #7 from emrecanterzi/6-update-react-v18

#6 updated react v18

package.json

@@ -1,21 +1,21 @@
 {
-  "name": "job-swire-frontend",
-  "version": "0.1.0",
+  "name": "movie-app",
+  "version": "1.0.0",
   "private": true,
   "dependencies": {
-    "@testing-library/jest-dom": "^5.16.2",
-    "@testing-library/react": "^12.1.3",
-    "@testing-library/user-event": "^13.5.0",
-    "axios": "^0.26.0",
-    "bootstrap": "^5.1.3",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-redux": "^7.2.6",
-    "react-router-dom": "^6.2.2",
-    "react-scripts": "5.0.0",
-    "redux": "^4.1.2",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^14.4.3",
+    "axios": "^0.27.2",
+    "bootstrap": "^5.2.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-redux": "^8.0.4",
+    "react-router-dom": "^6.4.1",
+    "react-scripts": "^5.0.1",
+    "redux": "^4.2.0",
     "redux-thunk": "^2.4.1",
-    "web-vitals": "^2.1.4"
+    "web-vitals": "^3.0.2"
   },
   "scripts": {
     "start": "react-scripts start",

src/components/App.js

@@ -1,3 +1,4 @@
+import React from "react";
 import { Routes, Route } from "react-router-dom";
 import Home from "./Home";
 import Navbar from "./Navbar";

src/components/Home.js

@@ -1,3 +1,4 @@
+import React from "react";
 import MovieCartList from "./MovieCartList";
 
 export const Home = () => {

src/components/MovieCart.js

@@ -12,6 +12,7 @@ export const MovieCart = ({ movie }) => {
     original_language,
     vote_count,
   } = movie;
+
   return (
     <div className="col-md-3 col-12 my-2">
       <div className="card h-100">

src/components/MovieCartList.js

@@ -1,3 +1,4 @@
+import React from "react";
 import { useEffect } from "react";
 import { connect } from "react-redux";
 import { getMoviesData } from "../actions";
@@ -10,7 +11,7 @@ export const MovieCartList = ({ movies, getMoviesData }) => {
   }, [getMoviesData]);
 
   return (
-    <div className="row  mt-2">
+    <div className="row mt-2">
       {movies.map((movie) => (
         <MovieCart movie={movie} key={movie.id} />
       ))}

src/index.js

@@ -5,7 +5,6 @@ import { applyMiddleware, createStore } from "redux";
 import thunk from "redux-thunk";
 import App from "./components/App";
 import reducer from "./reducers";
-import reportWebVitals from "./reportWebVitals";
 import { BrowserRouter } from "react-router-dom";
 import "bootstrap/dist/css/bootstrap.min.css";
 import "bootstrap/dist/js/bootstrap";
@@ -22,8 +21,3 @@ ReactDOM.render(
   </React.StrictMode>,
   document.getElementById("root")
 );
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();