دوره آموزش ویدیویی Redux Toolkit ویژگیهای کاربردی این ابزار قدرتمند، برای مدیریت State ها در پروژه های React به صورت عملی و همراه با مثال و پروژه بیان میکند. در این دوره شما همراه با یادگیری مفاهیم اصلی Redux، به صورت پروژه محور Redux Toolkit را یاد خواهید گرفت.
اگر در حال کار با کتابخانه React هستید و یا با react-redux کار می کنید یا به دنبال موقعیت شغلی مناسبی در این زمینه میگردید، یادگیری Redux مخصوصا Redux Toolkit یک قدم کلیدی و مهم برای شماست و با گذراندن این دوره میتوانید در پروژه های آینده تان از Redux Toolkit به راحتی و با درک خوبی استفاده کنید. این دوره علاوه بر برنامه نویسانی که از قبل با Redux هیچ آشنایی ندارند، برای آنان که با Redux آشنا هستند و از کتابخانه React Redux استفاده می کنند هم، توصیه می شود. تنها پیش نیاز این دوره آشنایی با React است.
Redux چیست؟
Redux یک کتابخانه جاوا اسکریپت است که برای ساخت رابط کاربری اپلیکیشنها و صفحات وب استفاده میشود. این کتابخانه حالتهای (states) مختلف را در برنامههای جاوا اسکریپت مدیریت میکند. ریداکس یک الگو برای مدیریت بهتر و بهینهتر وضعیتهای مختلف در برنامه ارائه میدهد. این کتابخانه سن زیادی ندارد و در سال 2015 عرضه شده است. از Redux بیشتر به عنوان یک مکمل در کنار کتابخانههایی مانند Angular یا React استفاده میشود. به دلیل متن باز بودن این فریم ورک، کدهای آن در گیت ها موجود است.
Redux Toolkit چیست؟
Redux Toolkit یک کتابخانه رسمی است که با استفاده از بهترین روشهای پیشنهادی، ارائه رفتارهای پیشفرض خوب، تشخیص اشتباهات و امکان نوشتن کد سادهتر، نوشتن برنامههای خوب Redux را آسانتر میکند و سرعت توسعه را افزایش میدهد. Redux Toolkit برای همه کاربران Redux صرف نظر از سطح مهارت یا تجربه مفید است.
چرا یادگیری Redux Toolkit بهتر است؟
استفاده از Redux درون پروژههای React، به روشهای مختلفی قابل انجام است؛ یعنی محدودیتی از لحاظ نحوه چیدمان فایلها، تغییر state و نحوهی dispatch کردن action وجود ندارد. به عبارتی این آزادی عمل را خواهیم داشت تا خودمان سیمکشی پروژه را انجام دهیم؛ ولی مشکلاتی را به همراه دارد:
- نمیتوانیم مطمئن شویم روشی که پروژه را با آن تنظیم کردهایم آیا به عنوان یک best-practice محسوب میشود یا خیر.
- خروجی پروژه های Redux حاوی حجم انبوهی از کدهای boilerplate و پکیجهای زیادی است که در حین توسعهی پروژه، به همراه Redux اضافه شدهاند.
- در پروژه های Redux در نهایت یک store پیچیده خواهیم داشت که مدیریت آن به مراتب سخت خواهد شد.
- برای هر پروژهی جدید باید همه مراحل را تکرار کنیم.
برای حل این مشکلات، یکی از maintainerهای اصلی تیم ریداکس، یک پروژه را تحت عنوان Redux Toolkit، مدتها قبل برای حل مشکلات عنوان شده شروع کرده است و این پکیج، جدیداً به قالب رسمی create-react-app اضافه شده است. که در واقع یک روش استاندارد و به اصطلاح opinionated برای ایجاد پروژههای ریداکسی میباشد و شامل تمامی وابستگیهای موردنیاز برای کار با Redux از قبیل redux-thunk و همچنین Redux DevTools است.
علاوه بر حل مشکلات مطرح شده، تیم Redux نیز توصیه میکند هر زمان که نیاز به استفاده از Redux داشتید از Redux Toolkit استفاده کنید. در این دوره یاد خواهید گرفت که چگونه از Redux Toolkit در برنامه های خود استفاده کنید و به درک خوبی برسید و بعد از آن به راحتی هر منطقی که میخواهید را پیاده سازی کنید.
چرا یادگیری Redux Toolkit اهمیت دارد؟
به طور کلی استفاده از Redux در پروژه های متوسط رو به بزرگ در مدیریت State به شما کمک می کند. اگر برنامه شما پیچیده است و حین برنامه نویسی به سختی متوجه میشوید که State ها کجا ذخیره میشوند یا چطور تغییر میکنند، ریداکس بهترین کتابخانه موجود است که میتوانید برای مدیریت States از آن استفاده کنید و اکنون با وجود Redux Toolkit علاوه بر این اینکه از تمامی ویژگی های Redux بهره مند خواهید بود، کار با Redux برایتان راحت تر و بهینه تر خواهد بود. پس یادگیری Redux Toolkit در زمان حاضر و استفاده از آن، مزیت بزرگی است.
چه ویژگی هایی باعث محبوبیت Redux Toolkit شده است؟
- شامل ابزارهایی است برای سادهسازی موارد استفاده رایج مانند راهاندازی Store، ایجاد Reducer ها و ... .
- تنظیمات پیشفرض خوبی را برای راهاندازی Store ارائه میکند و شامل رایجترین افزونههای Redux داخلی است.
- این امکان را میدهد که روی منطق اصلی برنامهتان تمرکز کنید و بتوانید کارهای بیشتری را با کد کمتر انجام دهید.
- روشی استاندارد و به اصطلاح opinionated برای ایجاد پروژههای ریداکسی میباشد.
- شامل تمامی وابستگیهای موردنیاز برای کار با Redux از قبیل redux-thunk و همچنین Redux DevTools می باشد.