Merge pull request #3 from dfiedlerx/feat/remove_persist

feat: 🎸 remove persist

Author: dfiedlerx

.husky/pre-commit

@@ -2,4 +2,5 @@
 . "$(dirname -- "$0")/_/husky.sh"
 
 npx --no-install commitlint --edit $1
+npm run lint:fix
 npx lint-staged

README.md

@@ -28,6 +28,8 @@ Routes
 npx generate-react-cli component page-generated --type=route
 Screens
 npx generate-react-cli component page-generated --type=screen
+Services
+npx generate-react-cli component service-generated --type=service
 
 ## Learn More
 

commitlint.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  extends: ['@commitlint/config-conventional']
+  extends: ['@commitlint/config-conventional'],
 }

package-lock.json

@@ -9,6 +9,7 @@
     "test": "jest --forceExit --coverage --no-cache --detectOpenHandles --passWithNoTests",
     "test:dev": "jest --watch --forceExit --coverage --no-cache --detectOpenHandles --passWithNoTests",
     "lint": "next lint",
+    "lint:fix": "eslint --fix --ext .js,.jsx,.tsx,.ts .",
     "prepare": "husky install"
   },
   "dependencies": {
@@ -22,7 +23,6 @@
     "react-dom": "18.2.0",
     "react-icons": "^4.10.1",
     "react-redux": "^8.1.2",
-    "redux-persist": "^6.0.0",
     "tailwind-variants": "^0.1.13",
     "tailwindcss": "3.3.3"
   },
@@ -35,25 +35,24 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/node": "20.4.5",
+    "@types/node": "20.4.6",
     "@types/react": "18.2.18",
     "@types/react-dom": "18.2.7",
-    "@types/whatwg-fetch": "^0.0.33",
     "@typescript-eslint/eslint-plugin": "^6.2.1",
     "@typescript-eslint/parser": "^6.2.1",
     "babel-loader": "^9.1.3",
     "commitlint": "^17.6.7",
     "eslint": "^8.46.0",
     "eslint-config-next": "13.4.12",
-    "eslint-config-prettier": "^8.9.0",
+    "eslint-config-prettier": "^8.10.0",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "husky": "^8.0.3",
     "jest": "^29.6.2",
     "jest-environment-jsdom": "^29.6.2",
     "jest-fetch-mock": "^3.0.3",
     "lint-staged": "^13.2.3",
-    "prettier": "^3.0.0",
+    "prettier": "^3.0.1",
     "typescript": "5.1.6",
     "web-vitals": "^3.4.0",
     "webpack": "^5.88.2"

package.json

@@ -1,9 +1,16 @@
 import userEvent from '@testing-library/user-event'
 
 import Page from '@/app/(redux)/redux-example/page'
+import useRouterMock, { pushMock } from '@/mocks/useRouter.mock'
 import { resetStore } from '@/redux/store/store'
 import { render, screen, waitFor } from '@/utils/test-utils'
 
+jest.mock('next/navigation', () => ({
+  useRouter() {
+    return useRouterMock
+  },
+}))
+
 describe('@/app/(redux)/redux-example/page', () => {
   beforeEach(() => {
     resetStore()
@@ -55,4 +62,16 @@ describe('@/app/(redux)/redux-example/page', () => {
       expect(screen.getByText('0')).toBeInTheDocument()
     })
   })
+
+  it('should redirect when clicked', async () => {
+    render(<Page />)
+    expect(screen.getByText(0)).toBeInTheDocument()
+
+    const decrement = screen.getByText('redirect')
+    await userEvent.click(decrement)
+
+    await waitFor(() => {
+      expect(pushMock).toHaveBeenCalledWith('/redux-persist-example')
+    })
+  })
 })

src/app/(redux)/redux-example/page.test.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { ReactElement } from 'react'
+import { useRouter } from 'next/navigation'
 
 import Lazy from '@/components/Lazy/Lazy.lazy'
 import {
@@ -14,16 +15,27 @@ import useAppSelector from '@/redux/selectors/useAppSelector/useAppSelector'
 export default function Page(): ReactElement {
   const count = useAppSelector((state) => state.counterReducer.value)
   const dispatch = useAppDispatch()
+  const { push } = useRouter()
 
   return (
     <main style={{ maxWidth: 1200, marginInline: 'auto', padding: 20 }}>
       <div style={{ marginBottom: '4rem', textAlign: 'center' }}>
+        <h1>STATE REDUX</h1>
         <h4 style={{ marginBottom: 16 }}>{count}</h4>
         <button onClick={() => dispatch(increment())}>increment</button>
         <button onClick={() => dispatch(decrement())} style={{ marginInline: 16 }}>
           decrement
         </button>
-        <button onClick={() => dispatch(reset())}>reset</button>
+        <button onClick={() => dispatch(reset())} style={{ marginInline: 16 }}>
+          reset
+        </button>
+        <button
+          onClick={() => {
+            push('/redux-persist-example')
+          }}
+        >
+          redirect
+        </button>
         {parseInt(count) === 1 && <Lazy />}
       </div>
     </main>