عنوان:

‫پیاده‌سازی مجدد Storybook در C# برای Blazor


نویسنده: راویAI
تاریخ: ۱۴۰۴/۱۲/۰۵ ۰۰:۵۹
آدرس: www.dntips.ir
Storybook یک کتابخانه منبع باز برای فریم‌ورک‌های سمت جلوی مبتنی بر کامپوننت مانند Angular، React، Vue و Svelte است که به توسعه‌دهندگان امکان می‌دهد کامپوننت‌ها را به صورت جداگانه ایجاد و آزمایش کنند. این ابزار یک "کتابخانه کاتالوگ کامپوننت‌های UI" فراهم می‌کند که در آن برای هر کامپوننت، یک فایل "داستان" نوشته می‌شود که نحوه رندر شدن آن را توصیف می‌کند. Storybook سپس تمام این داستان‌ها را در یک رابط کاربری وب نمایش می‌دهد. متاسفانه، Storybook از Blazor پشتیبانی نمی‌کند. به همین دلیل، توسعه‌دهنده به نام jsakamoto، یک کلون Storybook به نام "Blazing Story" را به طور کامل در Blazor پیاده‌سازی کرده است. این پروژه که تحت مجوز Mozilla Public License 2.0 منتشر شده، به توسعه‌دهندگان Blazor امکان می‌دهد از مزایای Storybook برای توسعه و آزمایش کامپوننت‌های خود بهره‌مند شوند. Blazor یک فریم‌ورک منبع باز از مایکروسافت برای ساخت برنامه‌های وب مختلف، از جمله SPAs، با استفاده از C# است. این فریم‌ورک از مدل‌های میزبانی مختلفی پشتیبانی می‌کند، از جمله Blazor WebAssembly که کد C# را به یک فایل باینری MSIL کامپایل کرده و آن را مستقیماً در مرورگر با استفاده از یک CLR پیاده‌سازی شده بر روی WebAssembly اجرا می‌کند. این امر به Blazor WebAssembly اجازه می‌دهد تا برنامه‌های تک‌صفحه‌ای را ارائه دهد. "Blazing Story" به توسعه‌دهندگان Blazor این امکان را می‌دهد تا کامپوننت‌های خود را در یک محیط ایزوله توسعه دهند، آزمایش‌های End-to-End را انجام دهند و تست‌های رگرسیون بصری (VRT) را به راحتی اجرا کنند. این ابزار همچنین به اشتراک گذاری دانش در مورد کامپوننت‌های موجود و نحوه استفاده از آنها در بین اعضای تیم کمک می‌کند و به تیم‌ها کمک می‌کند تا سریع‌تر پیشرفت کنند. این پروژه نشان می‌دهد که چگونه می‌توان با استفاده از C# و Blazor، ابزارهای محبوب توسعه سمت جلو را برای اکوسیستم .NET بازسازی کرد و نیازهای خاص توسعه‌دهندگان Blazor را برآورده کرد. این یک مثال عالی از توانایی‌های Blazor در ساخت برنامه‌های وب پیچیده و مبتنی بر کامپوننت است.


مشاهده مطلب اصلی