#1 feat: [ Setup] Setup code React + Vite

.env

@@ -1,7 +1,12 @@
+# APP
+NODE_ENV='dev'
+
+# FIREBASE
 API_KEY='AIzaSyB8pGeybQakGG65sNuXDNXXPhSUJj431Tg'
 AUTH_DOMAIN='class-react-d5c6b.firebaseapp.com'
 DATABASE_URL=''
 PROJECT_ID='class-react-d5c6b'
 STORAGE_BUCKET='class-react-d5c6b.appspot.com'
 MESSAGE_SENDER_ID='870565752408'
-APP_ID='1:870565752408:web:a1a365631866f80094a42d'
+APP_ID='1:870565752408:web:a1a365631866f80094a42d'
+

package.json

@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@reduxjs/toolkit": "^1.9.7",
     "firebase": "^10.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

src/App.jsx

@@ -5,7 +5,6 @@ import { useRoutes } from "react-router-dom";
 import Route from "@/routers";
 
 const App = () => {
-  console.log(process.env.API_KEY);
   return useRoutes(Route);
 };
 

src/common/constants/index.jsx

@@ -0,0 +1,4 @@
+export const NODE_APP = {
+  DEV: "dev",
+  PRO: "pro",
+};

src/main.jsx

@@ -1,12 +1,16 @@
 //* LIB
 import ReactDOM from "react-dom/client";
+import { Provider } from "react-redux";
 import { BrowserRouter as Router } from "react-router-dom";
 
 //* IMPORT
 import App from "./App.jsx";
+import store from "./redux/store.jsx";
 
 ReactDOM.createRoot(document.getElementById("root")).render(
-  <Router>
-    <App />
-  </Router>
+  <Provider store={store}>
+    <Router>
+      <App />
+    </Router>
+  </Provider>
 );

src/redux/auth/authSlice.jsx

@@ -0,0 +1,24 @@
+//* LIB
+import { createSlice } from "@reduxjs/toolkit";
+
+const initialState = {
+  authData: null,
+  isLoading: false,
+  error: null,
+};
+
+const AuthSlice = createSlice({
+  name: "auth",
+  initialState,
+  reducers: {
+    resetDataAuth: (state) => {
+      return state;
+    },
+  },
+  extraReducers: {},
+});
+const AuthReducer = AuthSlice.reducer;
+// eslint-disable-next-line react-refresh/only-export-components
+export const { resetDataAuth } = AuthSlice.actions;
+
+export default AuthReducer;

src/redux/store.jsx

@@ -0,0 +1,24 @@
+//* LIB
+import { combineReducers, configureStore } from "@reduxjs/toolkit";
+import logger from "redux-logger";
+import thunk from "redux-thunk";
+
+//* IMPORT
+import AuthReducer from "./auth/authSlice";
+import { NODE_APP } from "@/common/constants";
+
+const middleware = [thunk];
+
+const checkLogDev = process.env.NODE_ENV === NODE_APP.DEV;
+if (checkLogDev) {
+  middleware.push(logger);
+}
+
+const reducer = combineReducers({
+  auth: AuthReducer,
+});
+
+const store = configureStore({
+  reducer: reducer,
+});
+export default store;