اولین موتور جستجوی آموزشی در ایران
کتابخانه `Redux` یک کتابخانه جاوا اسکریپت متن باز همراه با یک `API` ساده و محدود برای مدیریت وضعیت برنامه‌ها است که معمولا همراه با کتابخانه‌های ری اکت یا انگولار برای ایجاد رابط کاربری استفاده می‌شود.محبوبیت زبان برنامه نویسی `JavaScript` روز به روز در حال افزایش است و ابزارها و فریم ورک‌های فراوانی برای آن وجود دارند. این زبان برنامه نویسی، امروزه به محبوب‌ترین زبان برنامه نویسی حال حاضر دنیا تبدیل شده است و به نظر نمی‌رسد که این محبوبیت در حال کاهش باشد. از میان ابزارهای قدرتمند و جذابی که برای جاوا اسکریپت ارائه شده‌اند، یکی از جالب‌ترین آنها، کتابخانه کاربردی `Redux` است که برای مدیریت وضعیت برنامه‌ها از آن استفاده می‌شود. ریداکس سازگاری خوبی با کتابخانه‌های محبوبی مانند `React.js` و `Angular` داشته و این موضوع عامل موفقیت آن در مدت زمان کوتاه بوده است. این کتابخانه متن باز بوده و دارای `API` قدرتمند و در عین‌حال ساده است. در این مقاله کوتاه از لیداوب، قصد داریم تا شما را با ویژگی‌ها و مزایای استفاده از ریداکس بیشتر آشنا کنیم.`redux` یک الگوی الهام گرفته از معماری `flux` فیسبوک می‌باشد، بنابراین برای فهم `redux` بهتر است ابتدا `flux` رو به شما معرفی کنیم تا نحوه به وجود آمدن `redux` و تفاوت آن با `flux` برای شما مشخص شود.ریداکس به برنامه نویس این امکان را می‌دهد که رفتار برنامه خود را در محیط‌های مختلف بیازماید و نظارت کند. از سوی دیگر، امکان اشکال زدایی در حین اجرا نیز به شکل کدهای Live و پویا در آن تعبیه شده است. معمولاً لازم است که اگر در برنامه‌های خود از `React` و یا `Angular` استفاده می‌کنید، حتماً پوشش `Redux` را نیز به برنامه خود بیفزایید تا کنترل بهتری روی روند اجرای کدها داشته باشید.قابلیت دیگری که می‌توان به آن اشاره کرد، امکان مدیریت و سازمان‌دهی دقیق برنامه است که یک ویژگی بسیار عالی محسوب می‌شود. با این حال، شما می‌توانید داده‌های خود را با یک برنامه‌ریزی مشخص در طول زمان تغییر دهید و به روز نمایید. علاوه بر این موارد، ریداکس بیشتر در توسعه بک اند و سمت سرور مورد استفاده قرار می‌گیرد و کتابخانه‌ای است که امکان مدیریت زیادی را در این سمت ایجاد می‌کند. شاید فکر کنید که باید برای دانلود و نصب آن زمان زیادی را اختصاص دهید، اما تمامی این مراحل تنها نیاز به حدود ۳ کیلوبایت دانلود و نصب چند ثانیه‌ای دارد.اینکه یک کتابخانه کوچک با حجم کم و نصب آسان می‌تواند تا این حد سریع و کاربردی باشد، شاید مهم‌ترین نکته در استفاده از ریداکس محسوب شود. برای ریداکس، اسناد آموزشی فراوانی در اینترنت یافت می‌شود که چگونگی نصب و استفاده از آن را نمایش می‌دهند. همچنین، وجود نمونه کدهای آماده ریداکس، ویژگی دیگری است که باید به آن توجه نمود. کتابخانه `Redux` از معماری قدرتمند `MVC` پشتیبانی می‌کند و سازگاری کاملی با آن دارد. ریداکس را می‌توانید با برنامه‌هایی که با استفاده از جاوا اسکریپت، `React` و `Angular` نوشته‌اید، ترکیب کنید تا مدیریت داده‌های آن بسیار ساده و سریع باشد.
قلاب ها در ری اکت قابلیتی است که چند وقتی هست که منتشر شده و به شما اجازه می‌دهد بدون نوشتن یک `class` از حالت یا قابلیت‌های دیگر ری اکت استفاده کنید و از آنها داخل کامپوننت های فانکشنی استفاده می شوند.قلاب ها:کاملا انتخابی هستند. شما می‌توانید از قلاب ها در چند کامپوننت و بدون بازنویسی کد موجود استفاده کنید.صد در صد سازگاری عقبرو دارند. قلاب ها شامل هیچ `breaking` `change`ی نیستند.اکنون قابل دسترسی هستند.قلاب ها بسیاری از مشکلات متنوع و ظاهرا غیر مرتبطی در ری اکت را که ما در طی چند سال کدنویسی و نگهداری هزاران کامپوننت با آنها مواجه شده‌ایم، حل کرده است.
کانتکست یا `Context` راهی را فراهم می‌کند تا دیتا را از طریق درخت کامپوننت انتقال دهید، بدون اینکه نیاز به انتقال دستی prop ها به پایین در هر مرحله داشته باشید. در یک برنامۀ معمول ری اکت، دیتا به وسیلۀ `prop` ها انتقال از بالا به پایین (از `parent` به `child`) دارد، اما این موضوع می‌تواند در برخی `prop` های خاص (مانند اولویت زبان محلی، و تم رابط کاربری) که مورد نیاز چندین کامپوننت در یک برنامه هستند، مایۀ زحمت باشد. `Context` راهی را فراهم می‌کند تا مقادیری مانند اینها در بین کامپوننت‌ها را بدون نیاز به انتقال صریح `prop` در هر سطح از درخت بتوانیم به اشتراک بگذاریم.`Context` طراحی شده است تا دیتاهایی که می‌توانند در درخت کامپوننت‌های `React` به طور سراسری `global` در نظر گرفته شوند را به اشتراک بگذاریم، مانند کاربر، تم و یا زبان ترجیح داده شدۀ تایید شدۀ کنونی.`Context` در درجه اول زمانی استفاده می‌شود که برخی دیتاها نیاز دارند تا توسط تعدادی کامپوننت در سطوح مختلف دسترس پذیر شوند. آن را به ندرت اعمال کنید زیرا استفادۀ مجدد کامپوننت را سخت‌تر می‌کند.اگر فقط می‌خواهید از انتقال برخی `prop` ها از طریق چند سطح جلوگیری کنید، ترکیب‌بندی `composition` کامپوننت اغلب نسبت به `Context` روش ساده‌تری خواهد بود.در این سری از ویدیوها شما رو با این مبحث شیرین آشنا می کنم.
ری اکت پیشرفته
فایل های سرفصل 1
کانتکست در ری اکت
فایل های سرفصل 2
قلاب ها در ری اکت
فایل های سرفصل 3
دوره های مشابه
دیدگاه خود را از طریق فرم زیر ارسال نمایید