دوره آموزشی Type-Safe Redux: تکنیک های پیشرفته با تایپ‌اسکریپت

دوره آموزشی Type-Safe Redux: تکنیک های پیشرفته با تایپ‌اسکریپت

1 ساعت 16 دقیقهپیشرفته2024-12-06

مدرسین

Oluchukwu Okpala

Oluchukwu Okpala

Software Engineer

جزئیات دوره

Redux به عنوان ابزاری اساسی برای مدیریت وضعیت در برنامه‌های پیچیده React شناخته می‌شود و استفاده از TypeScript در بین توسعه‌دهندگان به طور فزاینده‌ای رو به افزایش است. ترکیب این دو فناوری می‌تواند بهره‌وری توسعه‌دهندگان را افزایش دهد، خطاها را کاهش دهد و کدهای پاک‌تر و قابل نگهداری‌تری ایجاد کند. با توجه به اینکه React به عنوان یک کتابخانه محبوب برای ساخت رابط کاربری و Redux به عنوان یک ابزار مدیریت وضعیت در برنامه‌های پیچیده استفاده می‌شود، این ترکیب به یکی از انتخاب‌های اصلی توسعه‌دهندگان برای ایجاد اپلیکیشن‌های مقیاس‌پذیر، مؤثر و ایمن تبدیل شده است.

در این دوره، مفاهیم اصلی Redux شامل اکشن‌ها و ریدوسرهای نوع ایمن (Type-Safe)، اکشن‌های غیرهمزمان با استفاده از Redux Thunk، ادغام Redux با React و TypeScript، تست کردن کدهای Redux و پیاده‌سازی پروژه‌های واقعی پوشش داده می‌شود. با اتمام این دوره، شما می‌توانید این مفاهیم را به راحتی در پروژه‌های واقعی Redux به کار ببرید و توانایی خود را در ساخت اپلیکیشن‌های مقیاس‌پذیر، قابل نگهداری و ایمن افزایش دهید.

اهداف یادگیری:

ایجاد اکشن‌ها، ریدوسرها و سلیکترهای نوع ایمن.
پیاده‌سازی اکشن‌های غیرهمزمان با استفاده از میان‌افزارهایی مانند Redux Thunk.
ادغام Redux با کامپوننت‌های React در پروژه‌های TypeScript.
نوشتن تست‌های جامع برای کدهای Redux.
بهینه‌سازی عملکرد Redux.
اشکال‌زدایی مؤثر برنامه‌ها.

این دوره برای افرادی که می‌خواهند با استفاده از Redux و TypeScript برنامه‌های پیچیده React را توسعه دهند و در عین حال از مزایای قابلیت اطمینان و مقیاس‌پذیری بهره‌مند شوند، طراحی شده است. یادگیری نحوه مدیریت وضعیت به طور مؤثر و ایمن، یکی از جنبه‌های کلیدی در موفقیت هر پروژه نرم‌افزاری است. در این دوره، شما به مهارت‌های پیشرفته‌ای دست خواهید یافت که به شما امکان می‌دهد از Redux و TypeScript برای ساخت برنامه‌های وب مدرن و مقیاس‌پذیر استفاده کنید.

مهارت ها

ReduxMetaWeb Development ToolsFront-End Web DevelopmentSoftware Development ToolsWeb DevelopmentProgramming LanguagesSoftware DevelopmentOne-Off

سرفصل ها

مقدمه ای بر Type-Safe Redux

  • نگاهی به الگوهای پیشرفته Redux
  • درک نیاز به Redux ایمن نوع
  • چرا اکنون تقاطع Redux و TypeScript

راه‌اندازی Redux Toolkit با TypeScript

  • نصب Redux Toolkit و راه‌اندازی TypeScript
  • فروشگاه Redux را با Redux Toolkit پیکربندی کنید
  • افزودن میان افزار Redux و DevTools
  • اتصال برنامه React ما به فروشگاه

Type-Safe Actions and Reducers

  • تعریف حالت تایپ شده با رابط‌های TypeScript
  • ایجاد اکشن‌های type-safe با createSlice
  • مدیریت ساختارهای حالت تو در تو و پیچیده در Redux
  • مدیریت اقدامات ناهمزمان با createAsyncThunk

کاهنده‌های ترکیبی، انتخابگرهای ایمن نوع، Thunks و عوارض جانبی

  • ترکیب کاهنده‌های متعدد برای کاربردهای بزرگ
  • نوشتن انتخابگرهای حافظه دار و تایپ شده با createSelector
  • ایجاد تعادل بین حالت جهانی و محلی با React و Redux

یکپارچه سازی React Components با Redux

  • استفاده از useSelector برای بازیابی حالت Redux در React
  • عملیات Dispatching با useDispatch
  • ایجاد قلاب‌های سفارشی برای منطق Redux

تست Redux Logic به روشی مطمئن از نوع

  • تست واحد پیکربندی فروشگاه Redux، برش‌ها و انتخابگرها
  • تست ناهمگام Thunks و mock تماس‌های API در Redux Toolkit
  • توسعه تست محور (TDD) با Redux و TypeScript

نتیجه گیری و مراحل بعدی

  • مرور نکات برجسته دوره
  • ادامه مسیر یادگیری
۴۰,۰۰۰ تومان