Complete Examples

This skill provides a small example showing a feature folder layout and how UI, hooks, and APIs connect.

Example feature layout

src/features/users/
  api/
    users_api.ts
  components/
    UsersPage.tsx
    UserRow.tsx
  hooks/
    use_users.ts
  types/
    user.ts
  index.ts

Example flow

1. •Route renders UsersPage
2. •UsersPage uses a query hook (use_users) to load data
3. •On mutation, invalidate/refetch affected queries
4. •On error, show user-friendly message and capture exception to monitoring