ai
Radix UI Primitives Chaos Engineering — ทดสอบ UI
Radix UI Chaos Engineering
Radix UI Primitives Chaos Engineering React Error Boundary Resilience Retry Circuit Breaker Timeout Graceful Degradation Production
เนื้อหาเกี่ยวข้อง — ทำความเข้าใจ Prometheus Federation Database Migration
| Chaos Type | Scenario | Expected Behavior | Tool |
|---|---|---|---|
| Network | API Timeout 500 Offline | Error Message Retry Cached Data | MSW DevTools Throttle |
| Data | Empty Null Large Malformed | Empty State Fallback Pagination | MSW Faker.js |
| State | Rapid Click Race Condition | Debounce Lock Consistent State | Playwright Cypress |
| Resource | Memory CPU Large DOM | Virtualization Lazy Load Cleanup | Chrome DevTools Lighthouse |
เคล็ดลับ
- Error Boundary: วาง Granular Error Boundary รอบทุก Widget
- MSW: ใช้ MSW Mock Network Chaos ใน Development
- TanStack Query: ใช้ retry + staleTime + errorBoundary option
- Toast: ใช้ Radix Toast แสดง Error/Retry Notification
- Playwright: เขียน Chaos Test ใน E2E ทดสอบ Resilience
Radix UI คืออะไร
Open Source Unstyled Accessible React Primitives WAI-ARIA Keyboard Focus Composable Dialog Dropdown Popover Tooltip shadcn/ui Base
แนะนำเพิ่มเติม — iCafeForex
เนื้อหาเกี่ยวข้อง — บทความที่เกี่ยวข้อง: Elixir Phoenix LiveView Load Testing Strategy
เนื้อหาเกี่ยวข้อง — ทำความเข้าใจ LangChain Agent Site Reliability SRE —
