TanStack QueryTanStack Query (React Query)
הגדרה מהירה
מה זה TanStack Query (React Query)? (TL;DR)
TanStack Query הוא הסטנדרט לניהול server state ב-React: caching, deduplication, retries אוטומטית. במקום useEffect+fetch+useState manual. ל-Vibe Coding חיוני - מונע N+1 שAI יוצר.
ידוע גם בכתיבים: TanStack Query · React Query · useQuery · data fetching React · server state React
עיקרי המונח (Key Takeaways)
- ▸TanStack Query (לשעבר React Query) = הסטנדרט לניהול server state ב-React.
- ▸מחליף: useEffect + fetch + useState + isLoading manual.
- ▸נותן: caching אוטומטי, dedup, retry policy, optimistic updates, infinite scroll, prefetching.
- ▸API מרכזי: useQuery({ queryKey, queryFn, staleTime }).
- ▸AI agents נוטים לכתוב fetch ישיר ב-component → N+1 ב-load. .cursorrules חובה.
- ▸משלים את Zustand / Context (UI state) - לא תחליף.
- ▸ב-Next.js App Router: רוב הפעמים עדיף RSC עם server-side fetch.
ציטוט
השתמשתם בדף הזה? תנו קרדיט.
עתונאים, חוקרים וצוותי AI - בחרו פורמט להעתקה. ה-citation האקדמי שלנו בקליק.
מונחים קשורים
הידרציה של ממשקי AI
התהליך שבו דף HTML סטטי שנוצר ע"י AI הופך לאפליקציית React חיה ואינטראקטיבית.
React Server Components (RSC)
הפרדיגמה החדשה של React שמאפשרת לרנדר components בשרת בלי לשלוח JS ללקוח - bundle קטן פי 3.
חוב טכנולוגי (Tech Debt)
העלות העתידית שנוצרת מפתרון מהיר, המייצר "כדורי בוץ" בקוד (Big Ball of Mud) ומונע הוספת פיצ'רים.
פיתוח ב-AI (וייב קודינג)
העברת הוראות גבוהות (Natural Language) לסוכני קידוד, מבלי לעקוב אחרי כל שורת קוד שמופקת. בעברית מתרגמים את המונח גם כ"קידוד לפי תחושה", אך הכתיב המקובל הוא "וייב קודינג".
Cursor
Cursor הוא סביבת פיתוח (IDE) מבוססת AI שהפכה ב-2026 לסטנדרט בקרב מפתחי Vibe Coding בישראל ובעולם. מבוסס על fork של VS Code עם אינטגרציית AI עמוקה.
Claude Code (קלוד קוד)
Claude Code הוא ה-CLI של Anthropic לפיתוח אוטונומי עם AI. סטנדרט 2026 לעבודות planning + refactoring + MCP integrations.
Audit הנדסי לפרויקט · 24 שעות · חינם
תארו מה שבור או מה החלום. נחזור עם אבחון הנדסי + תוכנית חילוץ ראשונית - בלי התחייבות.
מעדיפים לדלג? כתבו לנו ישירות בווצאפ