My-Weekly-ToDo-List/client-swr-dedup.md at 340e54672b9cf493b1377dfd8d9cfa2b6f17bacb

mARTin d92a8c7210 feat: add task actions (notes/delete) and refine animation logic

- Added 'onDelete' and 'onNotes' support to TaskItem.
- Implemented hover actions (Delete and Notes icons) for tasks.
- Added Notes Modal for editing task markdown content.
- Simplified navigation animation to remove blank flash (single-phase slide-in).
- Fixed syntax error in updateTask function.
- Updated styles for modal and task actions.

2026-02-01 12:25:53 +01:00

1.1 KiB

Raw Blame History

title	impact	impactDescription	tags
Use SWR for Automatic Deduplication	MEDIUM-HIGH	automatic deduplication	client, swr, deduplication, data-fetching

Use SWR for Automatic Deduplication

SWR enables request deduplication, caching, and revalidation across component instances.

Incorrect (no deduplication, each instance fetches):

function UserList() {
  const [users, setUsers] = useState([])
  useEffect(() => {
    fetch('/api/users')
      .then(r => r.json())
      .then(setUsers)
  }, [])
}

Correct (multiple instances share one request):

import useSWR from 'swr'

function UserList() {
  const { data: users } = useSWR('/api/users', fetcher)
}

For immutable data:

import { useImmutableSWR } from '@/lib/swr'

function StaticContent() {
  const { data } = useImmutableSWR('/api/config', fetcher)
}

For mutations:

import { useSWRMutation } from 'swr/mutation'

function UpdateButton() {
  const { trigger } = useSWRMutation('/api/user', updateUser)
  return <button onClick={() => trigger()}>Update</button>
}

Reference: https://swr.vercel.app

1.1 KiB Raw Blame History

Use SWR for Automatic Deduplication

1.1 KiB

Raw Blame History