اموزش پایه یی – بخش پانزدهم

پیش نیاز ها:

آموزش نصب و راه اندازی ری اکت جی اس

ساخت اولین برنامه ری اکت جی اس hello world

آشنایی با کامپوننت ها در ری اکت

آشنایی با فرم

تا به اینجا سعی شد که تمامی بخش های ری اکت جی اس را پوشش دهیم و در این قسمت به بخش مورد انتظار HTTP می رسیم که به طور معمول به هندل کردن درخواست های HTTP است می پردازیم که به دو متد پایه یی HTTP یعنی Get و Post می پردازیم

هنگامی که شما برنامه یی را با ری اکت طراحی می کنید نمی توانید به طور معمول کد های اتصال به دیتابیس ( پایگاه داده ) را در آن استفاده کنید، به دلیل اینکه ری اکت برای طراحی رابط کاربری ساخته و به کار گرفته می شود، برای دریافت و ارسال اطلاعات به پایگاه داده تان یا سرور می بایست اطلاعات را از طریق درخواست، به سرور ارسال نمایید و ای هنگامی که اطلاعاتی را دریافت نمودیم از آن در کامپوننت هایی که قبلا ساخته یم استفاده می کنیم

اما این سوال پیش می آید که چگونه می توان درخواست های ajax یا … را در ری اکت پیاده نمود

ری اکت جی اس به طور معول کتابخانه یی که بتواند درخواست های HTTP را پشتیبانی کند ندارد اما ما در این آموزش از معمول و معروف ترین کتابخانه آن یعنی axios استفاده می کنیم

برای نصب axios باید ابتدا این کتابخانه را به پروژ خود اضافه کنید و برای نصب آن کافی است دستور نصب  آن را به صورت زیر به مدیریت کتابخانه خود یعنی npm بدهید تا نصب . در پروژه خود استفاده نمایید

npm install axios

حالا می توانیم از کتابخانه axios برای ارسال و دریافت درخواست ها و داده ها از سمت برنامه خود به سرور استفاده نماییم

خوب شاید برای شما این سوال پیش بیاید که در حال حاضر سروری ندارید که بخواهید برای تست برنامه خود از آن استفاده کنید، برای این منظور می توانید از وب سایت زیر

https://jsonplaceholder.typicode.com/

که یک سرور ساختگی یا جعلی می باشد استفاده کنید

خوب این مقدمه کافی است تا به ادامه که ویدئو می باشد برسیم

در ویدئوی بعدی نحوه پیاده سازی یک طراحی کامل در ری اکت و همچنین نحوه استفاده از ریداکس  ( Redux ) شرح داده خواهد شد

مدت زمان : 18 دقیقه

برای دیدن ویدئو اختصاصی این بخش وارد حساب کاربری خود شوید