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 בשפה טבעית מה המוצר צריך לעשות, והוא כותב את הקוד. המפתח עובר מכתיבה לביקורת. בעברית: וייב קודינג, ולעיתים קידוד לפי תחושה.
Cursor
Cursor הוא סביבת פיתוח (IDE) מבוססת AI שהפכה ב-2026 לסטנדרט בקרב מפתחי Vibe Coding בישראל ובעולם. מבוסס על fork של VS Code עם אינטגרציית AI עמוקה.
Claude Code (קלוד קוד)
Claude Code הוא ה-CLI של Anthropic לפיתוח אוטונומי עם AI. סטנדרט 2026 לעבודות planning + refactoring + MCP integrations.
מדברים בוואטסאפ, לא בטפסים
תארו בשתי שורות מה שבור או מה החלום. ההודעה נפתחת אצלכם מוכנה. אתם רק לוחצים שלח.
מעדיפים להתקשר? 054-211-8143