دریافت داده
بخشی از دوره ریاکت
تقریباً هیچ برنامه واقعی نمیتواند فقط با دادهای که کاربر همین حالا روی صفحه دارد سر کند. دیر یا زود یک مؤلفه (component) باید چیزی را از سرور بخواهد: فهرستی از کاربران، جزئیات یک محصول، یک صفحه از نتایج جستوجو. تا وقتی آن جواب برسد، بازهای از زمان هست که مؤلفه هنوز چیزی برای نشاندادن ندارد، و احتمال واقعی هم هست که به خاطر خطای شبکه جواب اصلاً نرسد.
صداکردن سرور یک اثر جانبی است، کاری که بیرون از «از روی پراپ (prop) و وضعیت فعلی این مؤلفه، JSX آن را حساب کن» دست دراز میکند، از همان خانواده راهانداختن یک زمانسنج یا بازکردن یک اتصال. اگر fetch را مستقیم در بدنه یک مؤلفه صدا بزنید، در هر تک رندر شلیک میشود، از جمله رندرهایی که به دلایلی بیربط به نیاز به داده تازه اتفاق افتادهاند، و هر کدام از آن فراخوانیها سرانجام میکوشد وضعیت را عوض کند، که رندر دیگری و...
میخواهی ریاکت دریافت داده را در یک محیط واقعی یاد بگیری؟
روی دکمه زیر بزن تا یک ماشین لینوکس با ریاکت آماده دریافت کنی و دریافت داده را بهصورت عملی با یک مربی هوشمند که کدت را میشناسد تمرین کنی.
شروع این درسدریافت دادهچه چیزهایی یاد میگیری
- Fetch inside useEffect
- Loading/error/data states
- AbortController cleanup
- Preventing setState after unmount
- Mention TanStack Query as a next step
این درس را به زبان خودت بخوان
همهٔ درسهای این دوره
17 درس- 1ریاکت چیست؟25 دقیقه
- 2JSX و کامپوننتها (Components)30 دقیقه
- 3پراپس (Props)30 دقیقه
- 4وضعیت (State) با useState35 دقیقه
- 5مدیریت رویدادها30 دقیقه
- 6رندر شرطی و لیستها30 دقیقه
- 7فرمها و ورودیهای کنترلشده (Controlled Inputs)35 دقیقه
- 8افکتها (Effects) با useEffect40 دقیقه
- 9دریافت داده40 دقیقه
- 10ترکیب کامپوننت (Component)35 دقیقه
- 11Context و useContext35 دقیقه
- 12useReducer35 دقیقه
- 13هوکهای سفارشی (Hooks)35 دقیقه
- 14عملکرد و مموایزیشن (Memoization)35 دقیقه
- 15مسیریابی با React Router40 دقیقه
- 16آزمایش کامپوننتهای ریاکت (Components)40 دقیقه
- 17پروژه نهایی: برنامه کارها60 دقیقه
