Yashotantra Academy logo
← React Native theorytheory 0/50 · 0%
level 1
Curious · 0 XP
streak
0d
perfect
0
badges
0

100 XP to Apprentice

Networking · easy

15. Fetching data

fetch, loading and error states for on-chain data.

1 min read3 questionsup to 50 XPtopic 15/50

Read in another language

AI translates the explanation and quiz text while preserving code and answer scoring.

`fetch` works in React Native just as on the web, commonly used to call a JSON-RPC endpoint or an indexer API for balances and transactions.

async function getBalance(address: string): Promise<number> {
  const res = await fetch(`https://api.example.com/balance/${address}`);
  if (!res.ok) throw new Error("failed to fetch balance");
  const data = await res.json();
  return data.balance;
}

A typical component tracks three states around a fetch: loading, data and error, so the UI can show a spinner, the result, or a retry button appropriately.

How to study this topic

  1. 1. Read the explanation once end to end, skipping the code.
  2. 2. Re-read the code snippets and say out loud what each line does.
  3. 3. Answer the quiz without scrolling back — that is the real check.
  4. 4. Read every explanation, even for the answers you got right.

Scoring

  • · Up to 30 XP from quiz accuracy.
  • · +15 XP for a perfect first attempt.
  • · +5 XP while a 3-day streak is running.
  • · 75% or higher marks the topic complete.

Check your understanding

  1. 1. Which built-in function performs HTTP requests in RN?

  2. 2. What three states does a typical data-fetching component track?

  3. 3. How do you check for an HTTP error with fetch?

Badges

First light
Pass your first topic
Sharp shooter
3 perfect first-try quizzes
On a roll
Study 3 days in a row
Week warrior
Study 7 days in a row
Grinder
Earn 500 XP
Deep diver
Earn 1500 XP