‏react-call: کامپوننت‌ت رو مثل تابع async صدا بزن

این مقاله react-call رو معرفی می‌کنه، یه کتابخانه که با تابع createCallable() یه کامپوننت React رو به چیزی تبدیل می‌کنه که می‌تونی مثل یه تابع async صداش بزنی و await کنی تا با یه مقدار جواب بده. به گفتهٔ مستندات، این الگو برای هر UIای که مفهوماً یه مقدار به caller برمی‌گردونه خوبه: دیالوگ تأیید، مودال فرم، toast، نوتیفیکیشن، context menu و picker. خود کتابخانه زیر یک کیلوبایته، بدون وابستگی، و از SSR و React Native پشتیبانی می‌کنه.

راه‌اندازیش سه مرحله‌ست. اول کامپوننت رو با createCallable تعریف می‌کنی؛ به کامپوننتت یه prop ویژه به اسم call می‌رسه که متد end() رو داره و باهاش call رو تموم می‌کنی و یه جواب برمی‌گردونی (مثلاً call.end(true)). state و hookها و بقیهٔ امکانات React هم کاملاً مجازن. مرحلهٔ دوم اینه که خود Callable رو یه جای قابل‌مشاهده (مثلاً تو App.tsx) mount می‌کنی؛ این نقطهٔ mount به همهٔ callها گوش می‌ده و callهای فعال رو رندر می‌کنه. مرحلهٔ سوم صدا‌زدن و await کردنشه: