Skip to content

feat: add RTK Query, caching, loading/error states, refresh button, t… - #7

Open
Dilafruz-17 wants to merge 1 commit into
app-state-managementfrom
api-queries
Open

feat: add RTK Query, caching, loading/error states, refresh button, t…#7
Dilafruz-17 wants to merge 1 commit into
app-state-managementfrom
api-queries

Conversation

@Dilafruz-17

@Dilafruz-17 Dilafruz-17 commented May 28, 2026

Copy link
Copy Markdown
Owner

Task

https://github.com/rolling-scopes-school/tasks/blob/master/tasks/react/api-queries.md

Screenshot

image

Deployment

https://deploy-preview-7--cute-raindrop-bf5cda.netlify.app/

Done 28.05.2026 / 2026-06-02 02:59

Score: 100 / 100

Feature 1: API Integration (25/25)

  • RTK Query integrated and configured
  • All API calls use RTK Query
  • Cache invalidation implemented
  • Cache TTL via environment variable

Feature 2: Data Caching and Loading States (25/25)

  • Loading indicators shown while fetching
  • Data cached between navigations

Feature 3: Error Handling (20/20)

  • Error states handled and displayed

Feature 4: Manual Cache Invalidation (10/10)

  • Refresh button invalidates cache and refetches

Feature 5: Test Coverage (20/20)

  • Loading, error, caching behavior tested
  • Coverage 97.56%

@netlify

netlify Bot commented May 28, 2026

Copy link
Copy Markdown

Deploy Preview for cute-raindrop-bf5cda ready!

Name Link
🔨 Latest commit 469e821
🔍 Latest deploy log https://app.netlify.com/projects/cute-raindrop-bf5cda/deploys/6a17fd30725729000809d4c7
😎 Deploy Preview https://deploy-preview-7--cute-raindrop-bf5cda.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@vercel

vercel Bot commented May 28, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
class-components Ready Ready Preview, Comment May 28, 2026 8:30am

Comment thread src/store/apiSlice.ts
export const pokemonApi = createApi({
reducerPath: 'pokemonApi',
baseQuery: fetchBaseQuery({
baseUrl: 'https://pokeapi.co/api/v2',

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

move to env

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants