| Pitfall | Why It Happens | Fix / Prevention | |---------|----------------|-------------------| | | Forgetting the environment variable ( VITE_API_URL ). | Use import.meta.env.VITE_API_URL everywhere; test locally with the .env file. | | Missing “key” props in lists | React will warn and your UI may glitch. | Always set key=item.id in map . | | Over‑fetching data | Pulling the whole product catalog instead of paginated chunks. | Implement limit/offset or cursor‑based pagination; verify with network tab. | | Blocking the main thread | Heavy calculations inside a component render. | Move logic to a useEffect or a Web Worker; keep renders pure. | | Incomplete test suite | Rushing to the UI and forgetting tests. | Write a test skeleton first (TDD style) – you’ll end up with coverage automatically. | | Large bundle size | Importing the whole UI library (e.g., import * as MUI from '@mui/material' ). | Import only the components you need ( import Button from '@mui/material/Button' ). |
Please share a bit more about what you’re actually trying to achieve, and I’ll give you a clean, useful response. analmom 22 03 10 alura jenson practical exam 4 new