Frontend Best Practices

1. Component Structure (Airbnb + Google Style)

Component File Organization

// 1. Imports (grouped and ordered)
import React, { useState, useEffect, useCallback, useMemo } from 'react';
import { useQuery, useMutation } from '@tanstack/react-query';

// External libraries
import { format } from 'date-fns';

// Internal imports - components
import { Button } from '@/components/ui/button';
import { DataTable } from '@/components/shared/DataTable';