React

استیت بدون اشک: کجا Zustand از Redux بهتر است

هر اپ به یک کلیسای reducer نیاز ندارد. نقشه‌ای عمل‌گرایانه از اینکه هر نوع استیت واقعاً کجا جای دارد.

KB Kambiz Baghieدی ۱۴۰۴۷ دقیقه

چهار خانه برای ایالت

  • نشانی اینترنتی - هر چیزی که قابل اشتراک‌گذاری یا دکمه‌های پشتیبان باشد: فیلترها، برگه‌ها، مورد باز.
  • React Query - هر چیزی که از یک سرور آمده است. این یک حافظه پنهان است، نه دولتی که مالک آن هستید.
  • Zustand — وضعیت مشتری واقعاً جهانی: فید سوکت زنده، یک سبد خرید، موضوع.
  • وضعیت مؤلفه - هر چیز دیگری تا جایی که می‌تواند محلی باشد.

جایی که زستند برنده می شود

Zustand زمانی می درخشد که به یک فروشگاه جهانی بدون مراسم نیاز دارید - بدون ارائه دهنده، بدون ثابت عمل، بدون دیگ بخار در هر برش. شما یک قلاب می نویسید، یک برش می خوانید، کارتان تمام است. برای داده های فرکانس بالا گذرا، به خصوص خوب است، زیرا در خارج از React زندگی می کند و از طریق جراحی به روز می شود.

بیشتر "مشکلات مدیریت ایالت" در واقع مشکلات "من داده های سرور را در جای اشتباه قرار دادم" هستند.

جایی که Redux هنوز حفظش را به دست می آورد

تیم‌های بزرگی که به کنوانسیون‌های سخت‌گیرانه، اشکال‌زدایی در سفر در زمان، یا خط لوله به شدت مبتنی بر میان‌افزار نیاز دارند، هنوز ارزش واقعی را از Redux Toolkit دریافت می‌کنند. نکته این نیست که یکی بهتر است - این ابزار را با شکل و طول عمر واقعی دولت تطبیق می دهد.

پیش‌نویس کاری. طرحی از مقالهٔ کامل — نسخهٔ کامل در راه است. نکته‌های زیر برداشت‌های واقعی از پیاده‌سازیِ همین کار در محیطِ تولید است.