DS - Structured data fetching

[MareikeFla]

This DS goal was it to improve our data fetching. To do so, I first analyzed where we fetch what and then created a plan to improve fetching.

Analyze where we fetch

Event/s

useSWR

• a) HomePage - All events
• b) CategoryCard - Events filtered by category (But we only need the length of that array...)
• c) CategoryPage - Events filtered by category
• d) EventDetailPage - one event by ID including comments
• e) EditEvent - one event by ID no need of comments

fetch()

• f) CommentSection - POST request to add comment
• g) DeleteEventButton - DELETE request to delete event
• h) NewEvent - POST request to add new event
• i) EditEvent - PUT request to update event

Categories (all useSWR)

• j) CategoryList - all categories
• k) EventForm - all Categories
• l) CategoryPage - all categories (But we only need one)

Other

• m) useSearch

Plan

Having a context that provides:

A. Data

use useSWR to fetch:

• [x] all categories

  • replacing j, k, l
  • fetched once because user can not change categories

• [x] all events

  • replacing a
  • updated automaticaly every x minutes and mannually when user create, update (event or comments) or delete an event.
  • providing mutateEvents function to update

B. Functions

Functions using the context data:

• [x] filter events by category
  • replacing b, c

Functions not using the context data:

• [x] use useSWR to fetch an event and its comments by id

  • replacing d, e
  • providing mutateEvent function to update

• Functions mutateing the context data:

• [x] create a new event

  • replacing h
  • mutateEvents

• [x] update an Event

  • replacing i
  • mutateEvents

• [x] delete an event

  • replacing g

• [x] Add a comment

  • replacing f
  • mutateEvent

Goal

All data fetching is centralized in our data context.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
community-app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 19, 2024 6:07pm

[MareikeFla]

Thanks! This was a lot of fun and I am so happy it worked out like I wanted it to be!