4 rules available
Test behavior over implementation. Use Testing Library queries to interact with components as users would.
import { render, screen, fireEvent, waitFor } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import { LoginForm }...Master async/await patterns in Server Components for efficient data loading and caching.
import { db } from '@/lib/db';
import { cache } from 'next/cache';
import { Suspense } from 'react';
import { Skeleton } from '@/components/ui/skeleto...Use React.memo, useMemo, and useCallback correctly to prevent unnecessary re-renders.
import React, { useState, useMemo, useCallback, memo, useEffect } from 'react';
// Expensive calculation helper
function calculateExpensiveValue(item...Build performant forms with React Hook Form using uncontrolled components and validation.
import { useForm, Controller } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import { z } from 'zod';
import DatePick...