Question 1

Co zwraca metoda fetch() po wywołaniu?

Accepted Answer

fetch() zwraca Promise, która rozwiązuje się z obiektem Response. W przeciwieństwie do axios, fetch nie odrzuca automatycznie błędów HTTP (takich jak 404 czy 500), dlatego konieczne jest sprawdzenie response.ok przed parsowaniem danych. To podejście daje większą kontrolę nad obsługą błędów, ale wymaga jawnego sprawdzania statusu.

Question 2

Jak wyodrębnić dane JSON z obiektu Response uzyskanego za pomocą fetch()?

Accepted Answer

Obiekt Response posiada metodę json(), która zwraca Promise rozwiązującą się z przetworzonymi danymi. Ta metoda jest asynchroniczna, ponieważ odczytuje ciało odpowiedzi stopniowo. Ważne jest, aby najpierw sprawdzić response.ok przed wywołaniem json(), aby upewnić się, że żądanie zakończyło się sukcesem.

Question 3

Która właściwość obiektu Response pozwala sprawdzić, czy żądanie HTTP zakończyło się sukcesem?

Accepted Answer

Właściwość response.ok zwraca true, jeśli kod statusu HTTP mieści się w zakresie od 200 do 299, wskazując na pomyślną odpowiedź. Ta właściwość jest niezbędna, ponieważ fetch() nie odrzuca automatycznie błędów HTTP, w przeciwieństwie do axios. Sprawdzanie response.ok przed przetwarzaniem danych jest najlepszą praktyką pozwalającą uniknąć parsowania odpowiedzi z błędami.

Pobieranie danych i API

Co zwraca metoda fetch() po wywołaniu?

Odpowiedź

Jak wyodrębnić dane JSON z obiektu Response uzyskanego za pomocą fetch()?

Odpowiedź

Która właściwość obiektu Response pozwala sprawdzić, czy żądanie HTTP zakończyło się sukcesem?

Odpowiedź

Jakie słowo kluczowe pozwala na synchroniczne oczekiwanie na rozwiązanie Promise w funkcji async?

W jakiej kolejności powinny być wywoływane następujące metody podczas fetch(): json(), then(), catch()?

Inne tematy rekrutacyjne React / Next.js

Podstawy JavaScript

Podstawy React

React Hooks

Cykl życia komponentu

React Router

Zarządzanie stanem z Context

Formularze i Controlled Components

React Query (TanStack Query)

Styling & CSS-in-JS

Podstawy Next.js

TypeScript z React

Pobieranie danych w Next.js

Server Actions w Next.js

Routing i Nawigacja w Next.js

API Routes w Next.js

Metadata & SEO w Next.js

Middleware i Auth w Next.js

Testowanie React

Zustand State Management

Optymalizacja wydajności React

Error Boundaries & Error Handling

Advanced React Patterns

Zaawansowane funkcje Next.js

Wdrożenie i Produkcja Next.js

Architecture & Design Patterns

React Server Components

Internacjonalizacja Next.js

React Bezpieczeństwo & Najlepsze Praktyki

Opanuj React / Next.js na następną rozmowę