دوره آموزش redux

آموزش redux یکی از نیاز های برنامه نویسان و توسعه دهندگان وبسایت ها برای دسته بندی کردن و مدیریت State های مورد استفاده در React میباشد. redux و react هردو جزو کتابخانه های پرکاربرد جاوا اسکریپت محسوب میشوند. اما مدیریت وضعیت یا همان State ها در کتابخانه ری‌اکت کمی دشوار و دردسر ساز خواهد بود. مهندسین نرم افزار برای جلوگیری از این پیچیدگی ها و مدیریت بهتر وضعیت ها، کتابخانه redux را معرفی کردند. البته شما برای استفاده صحیح از redux بایستی حتما کار با ری اکت را به صورت کامل یاد گرفته باشید.

سرفصل های دوره آموزش redux

  • مزایا و معایب ریداکس
  • نصب و راه اندازی
  • برنامه نویسی تابعی چیست؟
  • توابع first class citizen چیست؟
  • آموزش کار با توابع مرتبه بالا (Higher Order)
  • ترکیب توابع (function composition)
  • compose و pipe
  • توابع خالص (pure function)
  • immutability یا تغییر ناپذیری
  • بروزرسانی شی‌ها در برنامه نویسی تابعی
  • تبدیل کد‌ها به کد immutable
  • معماری Redux
  • شروع ساخت اپ ریداکس
  • ارسال اکشن‌ها (dispatching actions)
  • actionCreators سازنده‌ی اکشن
  • اصول اولیه redux devtools
  • inspector monitor در redux devtools
  • import و export کردن store در devtools
  • ساختاردهی به فایل‌ها و فولدر‌ها
  • ساختن reducer با redux toolkit
  • رویکردها برای صدا زدن API در ریداکس
  • راه اندازی محیط تست
  • نصب ریداکس در پروژه ری‌اکت
  • subscribing و dispatching در ری‌اکت
  • متصل کردن کامپوننت‌ها با استفاده از react-redux

پیش نیازهای دوره آموزش ریداکس

آموزش ریداکس در جهت مدیریت State ها در React JS اهمیت و کاربرد دارد. یعنی اگر قرار باشد در پروژه ای از redux استفاده کنیم، آن پروژه از قبل بایستی با استفاده از ری اکت نوشته شده باشد. در واقع میتوان گفت که ریداکس یک کتابخانه سبک و کم حجم است که صرفا بخش State های موجود در کدنویسی با ری اکت را مدیریت و ساختار بندی میکند. پس شما پیش از دیدن آموزش redux حتما باید طریقه کارکردن و کدنویسی با React را یاد گرفته باشید. پس به عنوان پیش نیاز این دوره، از آموزش های لیست شده در زیر میتوانید استفاده کنید :

این دوره مناسب چه افرادی است؟

تمام توسعه دهندگان وبسایت و برنامه نویسان فرانت اند توانایی استفاده از این دوره آموزشی را خواهند داشت. البته این موضوع را مدنظر خود قرار دهید که برنامه نویسانی میتوانند از ریداکس استفاده کنند که پیش از آن توانایی کار با کتابخانه ری اکت را داشته باشند. پس به عبارتی میتوان گفت که این آموزش صرفا مناسب برنامه نویسان ری اکت خواهد بود. یعنی شما ابتدا توانایی کامل کار با کتابخانه ری اکت را به دست آورده و سپس با استفاده از ریداکس آموزش میبینید که State های خود را به بهترین شکل ممکن مدیریت کنید.

آنچه در دوره آموزش Redux می‌آموزیم

در دوره آموزش ریداکس طریقه مدیریت State های مورد استفاده در ری اکت را آموزش خواهید دید. پس از دیدن این آموزش و گذراندن موارد آموزش داده شده در آن شما قادر به استفاده از این کتابخانه قدرتمند جاوا اسکریپت در توسعه وبسایت های خود خواهید بود. دیگر نگران بهم ریختگی ها و پیچیدگی های State در پروژه های سنگین نباشید. ریداکس تمام آنچه در جهت کدنویسی تمیز لازم است را برای شما پیاده سازی خواهد کرد.

ریداکس یا redux چیست؟

محبوبیت زبان برنامه‌ نویسی JavaScript روز به‌ روز در حال افزایش است و ابزارها و فریم ورک‌های فراوانی برای آن وجود دارند. این زبان برنامه‌ نویسی، امروزه به محبوب‌ترین زبان برنامه‌ نویسی حال حاضر دنیا تبدیل شده است و به نظر نمی‌رسد که این محبوبیت در حال کاهش باشد. از میان ابزارهای قدرتمند و جذابی که برای جاوا اسکریپت ارائه شده‌اند، یکی از جالب‌ترین آن‌ها، کتابخانه کاربردی Redux است که برای مدیریت وضعیت برنامه‌ها از آن استفاده می‌شود. ریداکس سازگاری خوبی با کتابخانه‌های محبوبی مانند React.js و Angular داشته و این موضوع عامل موفقیت آن در مدت‌ زمان کوتاه بوده است. این کتابخانه متن‌ باز بوده و دارای API قدرتمند و در عین‌حال ساده میباشد.

ویژگی و کاربردهای ریداکس

یکی از مهم ترین موضوعاتی که در طراحی و توسعه وبسایت همواره مورد بحث بوده است، حجم کتابخانه ها میباشد. فرض کنید در طراحی یک وبسایت نیازمند استفاده از 10 کتابخانه باشیم که هر کدام 100 کیلوبایت حجم داشته باشند. در نهایت حجم صفحه ما 1 مگابایت خواهد شد. البته این صرفا یک مثال بود و قضیه میتواند از این هم جدی تر و خطرناک تر شود. خوشبختانه کتابخانه redux یک کتابخانه به شدت کم حجم و کوچک محسوب شده که صرفا با State های ری اکت سر و کار دارد. پس یکی از بزرگترین ویژگی های ریداکس همین کم حجم بودن آن خواهد بود.

کتابخانه ریداکس در کنار حجم کم، قابلیت های گسترده ای را به کد شما اضافه خواهد کرد. با استفاده از ریداکس میتوانید یک معماری درست و تمیز برای کدهای نوشته شده با جاوا اسکریپت در نظر بگیرید. این امر در پروژه های بزرگ که حجم کد آنها بسیار زیاد خواهد بود، از اهمیت ویژگی ای برخوردار است. هرچند در پروژه های خیلی کوچک شاید استفاده از ریداکس سبب پیچیده تر شدن کد شود اما در پروژه های سنگین، redux یک نجات دهنده خواهد بود. در دوره آموزش ریداکس طریقه نجات دادن پروژه از دست کثیفی ها و شلوغی ها را آموزش خواهید دید.

مقایسه Redux و Context

مدتی پس از روی کار امدن و محبوب شدن آموزش Redux، ری اکت دست به تغییراتی زد تا مشکلاتی که ریداکس حل میکرد را به صورت داخلی حل و فصل کند. ویژگی Context یکی از قابلیت های جدید کتابخانه React JS میباشد. این ویژگی برای مدیریت State ها ایجاد شده تا دیگر کسی نیازمند استفاده از ریداکس نباشد. پس سوالی که پیش می‌آید این است که برای مدیریت کردن State ها از Context استفاده کنیم یا ریداکس؟

قطعا همه چیز بستگی به حجم پروژه و کدهای شما خواهد داشت. در پروژه های کوچک و متوسط همان Context داخلی ری اکت میتواند تمام نیاز های شما را برآورده سازد. اما اگر یک پروژه تجاری بزرگ را استارت زده اید و حجم کدهای آن به شدت زیاد میباشد، حتما از ریداکس استفاده کنید. آموزش ریداکس سبب توانمند سازی شما در کدنویسی تمیز خواهد شد. پس در یک پروژه بزرگ و حجیم، قطعا میتوانید روی ریداکس حساب کرده و از آن استفاده کنید.