آموزش پروژه محور Redux Toolkit

ساده تر از Redux رو یاد بگیر!

بروزرسانی 03 بهمن 1401

آموزش پروژه محور Redux Toolkit
349 هزار تومان
آموزش پروژه محور Redux Toolkit

آموزش پروژه محور Redux Toolkit

349 هزار تومان
compass-image
گامی از کارراهه
برنامه نویس Front-End شو
سرفصل‌های دوره
لینکداین تلگرام توییتر

کاربر عزیز، شما به عنوان کاربر مهمان در وبسایت سکان آکادمی حضور دارید. برای ، به حساب کاربری تان وارد شوید.

* شما پس از ورود، مجددا به همین صفحه بر می گردید.

header-svg-bg

معرفی دوره


دوره آموزش ویدیویی 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 شده است؟

  1. شامل ابزارهایی است برای ساده‌سازی موارد استفاده رایج مانند راه‌اندازی Store، ایجاد Reducer ها و ... .
  2. تنظیمات پیش‌فرض‌ خوبی را برای راه‌اندازی Store ارائه می‌کند و شامل رایج‌ترین افزونه‌های Redux داخلی است.
  3. این امکان را می‌دهد که روی منطق اصلی برنامه‌تان تمرکز کنید و بتوانید کارهای بیشتری را با کد کمتر انجام دهید.
  4. روشی استاندارد و به اصطلاح opinionated برای ایجاد پروژه‌های ریداکسی می‌باشد.
  5. شامل تمامی وابستگی‌های موردنیاز برای کار با Redux از قبیل redux-thunk و همچنین Redux DevTools می باشد.  

     
header-svg-bg

مدرس شما در این دوره


امیرعلی طاهری
امیرعلی طاهری teacher-role-verified-icon
مهندس نرم افزار | توسعه دهنده وب Full Stack

توسعه دهنده وب Full Stack هستم. ابتدا سمت حوزه Backend رفتم و بعد رو به دنیا Frontend آوردم. چندین سال هست که به صورت حرفه ای در حال توسعه پروژه های مختلف و کسب تجربه در شرکت های حوزه IT هستم. علاقه به کمک، تدریس و اشتراک تجربیاتم با دیگران دارم. غرق در دنیا تکنولوژی، موسیقی، سرگرمی و نجوم و ...

header-svg-bg

سوالات متداول


  • مهارت آموزان فرانت اند که React را یادگرفته اند و می خواهند در مصاحبه های شغلی، شانس بیشتری برای پذیرفته شدن داشته باشند.
  • برنامه نویسان فرانت اند که با Redux آشنایی ندارند و  اکنون می خواهند یک برگ برنده به رزومه‌ی شغلی خود اضافه کنند.
  • برنامه نویسان فرانت اند که با Redux آشنایی دارند و قبلا از کتابخانه React Redux استفاده می کردند.

تنها پیش نیاز این دوره برای یک برنامه نویس وب، آشنایی کافی با React است. 

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

برنامه نویس Front End شو!

در  کارراهه‌ی فرانت اند سکان آکادمی؛ دوره‌های آموزشی ویدیویی و متنی، دوره‌های پروژه محور، آزمون‌های منظم و بسیاری خدمات دیگر طراحی شده است تا هر آنچه که برای استخدام به عنوان برنامه نویس Front-End نیاز دارید را داشته باشید.

cover-of-برنامه نویس Front End شو!
online-support-icon