کار با داده در React
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
اپلیکیشن های React که در مرورگرها اجرا میشوند، اغلب نیاز به دریافت داده دور از جمله دادههای موجود در پایگاههای داده، وب سرورها یا منابع دیگر دارند. درک بهترین متدها برای وارد کردن این دادهها به اپلیکیشن تولیدی شما بسیار حائز اهمیت است. در دوره «کار با داده در React»، شما به بررسی نحوه استفاده از ویژگیهای جدید رندر همزمان React خواهید پرداخت.
ابتدا، شما به بررسی کامپوننتهای سرور و عملیات سرور میپردازید تا یک اتصال داده برقرار کنید. سپس، بهترین شیوهها را مشاهده میکنید که فرآیند توسعه و نگهداری را تسهیل کرده و رابطهای کاربری فوقالعادهای را ممکن میسازند. نهایتاً، شما یاد میگیرید که تجربیات کاربر را برای کاربران برنامههای مرورگر خود بهینه کنید. در پایان این دوره، شما قادر خواهید بود اطمینان حاصل کنید که اپلیکیشن های شما به بالاترین استانداردها پایبند هستند.
کار با داده در React
-
بررسی دوره 0:01:00
-
مقدمه 0:01:00
-
جریان معمولی برنامه برای اولین رندر 0:03:00
-
تعامل UI جریان معمولی اپلیکیشن 0:04:00
-
استفاده از Component State برای مدیریت تغییرات داده 0:03:00
-
استفاده از Suspense و کامپوننتهای سرور برای بارگذاری داده 0:04:00
-
جایگزینی Server Action به جای فراخوانی REST PUT 0:02:00
-
آنچه در این دوره آمده است 0:03:00
-
کلامی درباره اینکه React چیست و Next.js چیست 0:02:00
-
مقدمه 0:04:00
-
همه دموها در مخزن GitHub 0:01:00
-
Scaffolding اپلیکیشن React با Next.js 0:03:00
-
راهاندازی اپلیکیشن React با Next.js و VS Code 0:04:00
-
یک نکته بزرگ در مورد روتر اپلیکیشن در Next.js 0:04:00
-
رندر یک لیست استاتیک از حاضرین با وضعیت بارگذاری 0:06:00
-
استریم لاین کردن طراحی استایل و کامپوننت در React 0:04:00
-
مروری کوتاه بر TypeScript 0:04:00
-
اضافه کردن Typing درست TypeScript به اپلیکیشن React 0:06:00
-
اضافه کردن ماندگاری داده با SQLite و Prisma 0:05:00
-
Seed کردن داده در SQLite 0:05:00
-
جایگزینی داده استاتیک با فراخوانیهای REST و SQLite 0:05:00
-
پیادهسازی یک سرور REST در Node با API Router 0:04:00
-
بروزرسانی کامپوننت Speaker برای فراخوانی سرویس REST 0:04:00
-
نکات کلیدی 0:02:00
-
مقدمه 0:01:00
-
ایجاد یک شیء حالت ترکیبی 0:04:00
-
اضافه کردن تو در توی کامپوننتها برای امکانپذیر کردن React Context 0:03:00
-
ایجاد زمینه داده اختصاصی از مدیریت حالت موجود 0:06:00
-
اضافه کردن طراحی، ناوبری، هدر و فوتر 0:06:00
-
اضافه کردن پیادهسازی REST برای یک جدول دوم 0:04:00
-
پردازش یک POST REST با عنصر فرم 0:04:00
-
تقویت رابط کاربری پردازش فرم 0:04:00
-
نکات کلیدی 0:01:00
-
معرفی Suspense برای داده 0:04:00
-
مقایسه Suspense با کد بدون Suspense 0:04:00
-
پردازش خطا با استفاده از Suspense 0:03:00
-
هوک 'use' در React در حالت انتشار آزمایشی است 0:02:00
-
کد منبع این ماژول 0:05:00
-
بررسی کد با داده و وضعیت بارگذاری 0:05:00
-
بررسی کد Suspense با داده و کامپوننتهای کلاینت 0:04:00
-
مرزهای Suspense تو در تو 0:05:00
-
بررسی کد با داده و Suspense سرور 0:03:00
-
نکات کلیدی 0:01:00
-
مقدمه 0:03:00
-
اضافه کردن احراز هویت ورود 0:04:00
-
پیادهسازی احراز هویت در اپلیکیشن React خود 0:05:00
-
افزودن پردازش رویداد با یک تاگل محبوبیت سخنران 0:05:00
-
پیادهسازی Context Providers تو در تو و جستجوی عمومی 0:05:00
-
پیادهسازی دیالوگ مدال برای بروزرسانیها 0:06:00
-
ایجاد یک Wizard فرم ثبتنام دو مرحلهای 0:03:00
-
متحرکسازی رندر وضعیت بارگذاری 0:02:00
-
بارگذاری داده با کامپوننتهای سرور و Suspense 0:07:00
-
نکات کلیدی 0:01:00
-
مقدمه 0:04:00
-
مبانی عملیات فرم 0:03:00
-
مقایسه سرور اکشن با REST 0:02:00
-
پاسخ به یک فرم POST با استفاده از سرور اکشن 0:05:00
-
جدا کردن سرور اکشن ها به فایلهای خودشان 0:03:00
-
فراخوانی یک سرور اکشن از یک کامپوننت کلاینت 0:05:00
-
برگرداندن داده از سرور اکشن ها 0:07:00
-
بازنگری مبانی فرم React و پاکسازی داده 0:02:00
-
برگرداندن موفقیت و خطاها از سرور اکشن ها 0:07:00
-
فراخوانی سرور اکشن ها به طور مستقیم 0:03:00
-
پیادهسازی فراخوانی مستقیم سرور اکشن ها 0:05:00
-
بهبود عملکرد رابط کاربری سرور اکشن 0:03:00
-
انگیزهای برای اعتبارسنجی داده در زمان اجرا در سرور اکشن ها 0:02:00
-
اضافه کردن اعتبارسنجی زمان اجرا Zod به یک سرور اکشن 0:04:00
-
جایگزینی فراخوانیهای REST با سرور اکشن ها برای بروزرسانی سخنران 0:06:00
-
نکته کلیدی 0:02:00
-
نکات کلیدی 0:02:00
مشخصات آموزش
کار با داده در React
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:متوسط
- تعداد درس:70
- مدت زمان :4:15:48
- حجم :713.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy