Add lint staged

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install lint-staged

package.json

@@ -7,15 +7,23 @@
     "dev": "vite",
     "build": "tsc && vite build",
     "preview": "vite preview",
-    "lint": "eslint 'src/**/*.{ts,tsx}'",
+    "lint": "eslint 'src/**/*.{ts,tsx}' --max-warnings=0",
     "lint:fix": "npm run lint -- --fix",
     "typecheck": "tsc --project tsconfig.json --noEmit",
     "test": "jest --maxWorkers=50%",
     "test:watch": "jest --watch --maxWorkers=25%",
+    "test:ci": "jest --runInBand",
     "coverage-test": "jest --coverage --maxWorkers=50%",
     "coverage-test:watch": "jest --coverage --watch --maxWorkers=25%",
     "generate:component": "plop component --plopfile ./generators/plopfile.cjs",
-    "generate:hook": "plop hook --plopfile ./generators/plopfile.cjs"
+    "generate:hook": "plop hook --plopfile ./generators/plopfile.cjs",
+    "postinstall": "husky install",
+    "prepare": "husky install"
+  },
+  "lint-staged": {
+    "src/**/*": [
+      "npm run lint:fix"
+    ]
   },
   "dependencies": {
     "react": "^18.2.0",
@@ -38,8 +46,10 @@
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.31.8",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "husky": "^8.0.0",
     "jest": "^29.0.3",
     "jest-environment-jsdom": "^29.0.3",
+    "lint-staged": "^13.0.3",
     "plop": "^3.1.1",
     "prettier": "2.7.1",
     "typescript": "^4.6.4",

src/components/HelloWorld/HelloWorld.test.tsx

@@ -0,0 +1,10 @@
+import { render, screen } from '@testing-library/react'
+import HelloWorld from './HelloWorld'
+
+describe('HelloWorld | component | unit test', () => {
+  it('should render with success', () => {
+    render(<HelloWorld>React JavaScript Boilerplate</HelloWorld>)
+
+    expect(screen.getByText('React JavaScript Boilerplate')).toBeInTheDocument()
+  })
+})

src/components/HelloWorld/HelloWorld.tsx

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react'
+
+export type Props = {
+  children: ReactNode
+}
+
+function HelloWorld(props: Props) {
+  const { children } = props
+
+  return <div>{children}</div>
+}
+
+export default HelloWorld

src/components/HelloWorld/index.ts

@@ -0,0 +1,2 @@
+export type { Props as HelloWorldProps } from './HelloWorld'
+export { default as HelloWorld } from './HelloWorld'

src/components/index.ts

@@ -0,0 +1 @@
+export * from './HelloWorld'