- Cài thư viện
pnpm i- Chạy development mode
pnpm dev- Build source code
pnpm build- Test dự án
pnpm test- Fix lỗi format code
pnpm prettier:write- Tất cả components phải đưa vào
/src/components/ComponentName - Lưu tên component dạng
/src/components/ComponentName/ComponentName.tsx - Tạo 1 file test đơn giản theo dạng
/src/components/ComponentName/ComponentName.test.tsx, có thể tham khảo test cơ bản ở componentWelcome.test.tsx - Gọi API từ server trong
/src/services/, đọc ví dụ/src/services/auth.ts - Xử lý service trong
/src/store/, đọc ví dụ/src/store/auth.ts - Gọi dispatch trong reactjs như ví dụ bên dưới:
import { useNavigate } from 'react-router-dom'
import { useAuthStore } from '@/store/auth'
import { getResponseError } from '@/helpers/transformErrorMessage'
const handleLogin = async (_formData: { email: string; password: string }) => {
await auth.login(_formData.email, _formData.password)
.then((res) => {
if (res?.isAuthenticated) {
notifications.show({
title: 'Success',
message: 'Login successfully!',
color: 'green',
})
navigate('/welcome')
} else {
notifications.show({
title: 'Error occurred',
message: getResponseError(res?.error),
color: 'red',
})
}
})
}- Lấy data đã dispatch như ví dụ bên dưới:
import { useAuthStore } from '@/store/auth'
console.log(auth)