Redux یک کتابخانه جاوا اسکریپت منبع باز است که به شما امکان می دهد وضعیت برنامه را مدیریت کنید. می توان از آن در هر زبان برنامه نویسی مانند React یا Vue استفاده کرد. Redux توسط Dan Abramov ایجاد شده و توسط فیس بوک نگهداری می شود.
Redux یک کتابخانه جاوا اسکریپت برای مدیریت وضعیت است. این یک API با کاربری آسان برای به عهده گرفتن مسئولیت مدیریت داده های برنامه ارائه می دهد. Redux بر اساس مفهوم تغییر ناپذیری ساخته شده است، به این معنی که هر بار که یک عمل در برنامه خود انجام می دهید، چیزی در مورد داده های شما تغییر می کند. این باعث می شود که به راحتی بتوان در مورد اینکه چگونه چیزها در طول زمان تغییر می کنند، استدلال کرد.
فقط باید بدانید دفعه قبل چه اتفاقی افتاده است، که همیشه هنگام کار با برنامههای بزرگ پر از بخشهای مختلف که همزمان با هم تعامل دارند، کار آسانی نیست.
اگر شما تازه وارد Redux هستید، پس این مقاله بینش خوبی در مورد نحوه کارکرد آن و اینکه چه چیزی آن را بسیار خاص می کند، ارائه می دهد. اگر قبلاً از دیگر پیادهسازیهای Flux در پروژههای خود استفاده کردهاید، این مقاله هنوز هم میتواند نکات بسیار خوبی در مورد redux به شما بیاموزد که ممکن است به بهبود تجربه شما با آنها کمک کند.
3 مفهوم اصلی Redux چیست؟
فروشگاه
این تنها یک منبع واقعیت برای وضعیت برنامه شما است. این یک شی بزرگ است که شامل وضعیت فعلی برنامه وب شما و منطقه مرکزی است که همه تغییرات وضعیت در آن انجام می شود.
اقدامات
Actions اشیایی هستند که قصد تغییر وضعیت برنامه شما را نشان می دهند. اقدامات به فروشگاه ارسال می شود. از آنجا، فروشگاه از آنها برای تعیین نحوه به روز رسانی وضعیت خود استفاده می کند.
کاهنده ها
کاهنده ها توابع اساسی هستند. آنها در وضعیت فعلی فروشگاه و یک اکشن قرار می گیرند و یک حالت جدید برمی گردند. آنها مسئول به روز رسانی وضعیت فروشگاه هستند. آنها از اقدامات به عنوان اطلاعات برای انجام این کار استفاده می کنند. حالت Redux هرگز نباید مستقیماً مورد بازنگری قرار گیرد.
نحوه استفاده از Redux برای برنامه وب
Redux را می توان بر روی هر برنامه توسعه وب به روشی مشابه، بر اساس redux-devtools Addon استفاده کرد. اگر صفحه ای بارگیری می شود و همه چیز خوب به نظر می رسد، به تنهایی به ردیابی وضعیت برنامه خود توسط Redux اعتماد نکنید. از برخی دادههای JSON استفاده کنید یا بررسی کنید که آیا داراییهای استاتیک شما با DevTools Monitoring بارگیری شدهاند یا خیر.
بیایید با وارد کردن فروشگاه از "redux" و ایجاد یک فروشگاه اساسی شروع کنیم.
const store = createStore(reducer);
// set up actions, reducer and container. This could be done in an external file or with console.log() calls.
//actions are called with their payloads as arguments
//reducer returns an object containing all state changes for each action passed in
مزایای استفاده از Redux
Redux یک محفظه حالت قابل پیش بینی برای برنامه های جاوا اسکریپت است.