# Smoother user experiences

> Design responsive, reliable interfaces by choosing among loaders, optimistic UI, and skeleton fallbacks, with practical examples in Vue and Pinia Colada.

- Date: 2024-11-20
- Event: [TakiMeet](<https://www.takima.fr/>)
- Location: Paris, France
- Topics: loading-states, optimistic-ui, pinia-colada, skeleton-screens, user-experience, vue

## Resources

- [Slides](<https://talks.soubiran.dev/2024-11-20/takimeet>)
- [PDF](<https://talks.soubiran.dev/2024-11-20/takimeet/pdf>)
- [Source code](<https://talks.soubiran.dev/2024-11-20/takimeet/src>)

## Summary

A user interface needs to explain what happened after an action. This talk compares loading indicators, optimistic UI, and skeleton fallbacks, then looks at when each approach fits based on the next state, error handling, response time, and the importance of the data.

The examples use Vue and Pinia Colada to implement optimistic interactions and data fetching.