Support Wire Drupal
Fund development, features & content
UI Features
Advanced UI patterns including loading states, polling, and real-time updates.
Build responsive and interactive user interfaces with Wire's advanced UI features.
Overview
Wire provides several features to create polished, professional user experiences:
- Loading States - Show feedback during server operations
- Polling - Keep data fresh with automatic updates
- Offline State - Handle network connectivity issues gracefully
- Dirty States - Track unsaved changes in forms
- Defer Loading - Optimize initial page load performance
Creating Better User Experiences
These features work together to create applications that feel fast and responsive:
Loading States
Provide immediate visual feedback when users interact with your components. Wire automatically manages loading states for all server requests.
Polling
Keep your UI in sync with server data without manual refreshes. Perfect for dashboards, notifications, and real-time data displays.
Offline State
Detect when users lose internet connectivity and provide appropriate feedback. Queue actions to be performed when connection is restored.
Dirty States
Track when forms have unsaved changes and warn users before they navigate away. Improve data integrity and user confidence.
Defer Loading
Load expensive content after the initial page render. Improve perceived performance by showing the page structure immediately.
Best Practices
- Use loading states for any action that takes more than 200ms
- Implement polling intervals that balance freshness with server load
- Always provide offline feedback for critical user actions
- Use dirty states for any form that takes significant effort to fill out
- Defer load content that's below the fold or not immediately needed