● 8 آزمایش
آزمایش‌ها
فضای آزاد برای ساخت آزمایش جدید
- شمارندهیک کامپوننت ساده با state داخلی؛ هر کلیک در جدول خروجی زیرِ آن ثبت می‌شود.
- دکمهسه متغیر رنگی از دکمه؛ هر کلیک در خروجی زیرِ آن ثبت می‌شود.
- تایپوگرافینمونه‌ای از مقیاس تایپوگرافی سایت: عنوان، متن خواندنی، متن فرعی و اعداد لاتین.
- چک‌باکسیک چک‌باکس ساده؛ هر تغییر وضعیت در خروجی ثبت می‌شود.
- دکمه رادیویییک گروه دکمه رادیویی؛ هر انتخاب در خروجی ثبت می‌شود.
- گرافنموداری کوچک از گره‌ها و یال‌های یک گراف؛ یال‌ها به‌صورت JSON وارد می‌شوند و هر تغییر هم نمودار و هم جدول یال‌ها را به‌روز می‌کند.
- useSyncExternalStore و ویجت‌های پویاشش ویجت که داده‌شان با تأخیر و به‌صورت پلکانی می‌رسد؛ یک نسخه با Context در هر آپدیت همه‌ی کارت‌ها را دوباره رندر می‌کند، نسخه‌ی دیگر با useSyncExternalStore فقط همان کارتی را که داده‌اش عوض شده. عدد گوشه‌ی هر کارت تعداد رندرهای آن را نشان می‌دهد.
- کش کردن رسم آیکونسه نسخه از یک کامپوننت آیکون که از داده ساخته می‌شود: یکی عناصر SVG را در هر رندر از نو می‌سازد، یکی آن‌ها را یک بار می‌سازد و نگه می‌دارد، و یکی با memo پیچیده شده. با دکمه‌ی اندازه‌گیری، هر سه mount می‌شوند و والدشان سی بار دوباره رندر می‌شود؛ زمان‌ها در جدول خروجی می‌آیند.