ری‌اکت سرور اکشن: بررسی سرور اکشن تو نکست ۱۴ (کار با فرم تو nextjs و react)

سرور اکشن ها فیچر جدید ری‌اکت هستند که به ما این امکان و میدن که یه تابع فقط رو سرور اجرا بشه و ما بتونیم اونو داخل from ها و event listener ها و useEffect و ... صدا کنیم، یه جورایی همون API Endpoint ها هستند ولی هم کار باهاشون ساده تره و هم میتونن کامپوننت های ری‌اکت و رندر کنن و عنوان نتیجه ریترن کنن.

برای ساخت server action ها کافیه که تو اولین خط تعریف server action از کلیدواژه "use server" استفاده کنیم.

فریم ورک نکست جی اس به عنوان اولین فریم ورک این فیچر و استفاده کرده. تو این ویدیو یه اپ کوچیک میسازیم فرم میسازیم و submission فرم و با server action هندل میکنیم و دیتاشو داخل دیتابیس ذخیره میکنیم و با کمک api revalidatePath نکست دیتای کامپوننت و رفرش میکنیم.
و با استفاده از هوک های useFormStatus و useFormAction تجربه کاربری (UX) فرم های اپمون رو بهتر میکنیم.

ریپو گیتهاب: https://github.com/nimaa77/youtube-se...

اگر سوالی داشتید همینجا تو قسمت comment ها میتونید بپرسید یا داخل تلگرام به ادرس @nima_arf بهم پیام بدید.

وب سایت: https://react.ir
کانال تلگرام: https://t.me/react_ir
ایکس (توییتر):   / react_ir  

0:00 Intro
1:52 Server Action
HTML Form 8:49
React Forms 15:01
Read TODOs From DB 22:25
NextJS Revalidate Path 23:40
useFormStatus and Submit indicator 26:05
Reset Form After Submission 30:50
FormValidation & useFormAction 34:03
Bonus Content (Server Actions are Server Components!) 43:09


#react #nextjs #server_action #RSC