Rork が直せるバグと自分で直すバグを見分ける — エクスポートコードのトリアージ手順

// Before: 生成直後によくある形。失敗が握りつぶされている
async function loadProfile(userId: string) {
  try {
    const res = await fetch(`https://api.example.com/users/${userId}`);
    const data = await res.json();
    setProfile(data);
  } catch (e) {
    console.log(e); // ← ここで終わり。ユーザーには何も伝わらない
  }
}

// After: ステータスを確認し、失敗を状態として持つ
type LoadState =
  | { status: "loading" }
  | { status: "success"; profile: Profile }
  | { status: "error"; message: string };
 
async function loadProfile(userId: string): Promise<LoadState> {
  try {
    const res = await fetch(`https://api.example.com/users/${userId}`);
    // fetch は 4xx/5xx でも reject しない。明示的に確認する
    if (!res.ok) {
      return { status: "error", message: `サーバーエラー (${res.status})` };
    }
    const profile: Profile = await res.json();
    return { status: "success", profile };
  } catch (e) {
    // ここに来るのはネットワーク到達不能・JSON崩れなど
    return { status: "error", message: "通信に失敗しました。電波状況をご確認ください。" };
  }
}

import { useEffect } from "react";
import { BackHandler, Platform } from "react-native";
 
// モーダル表示中の Android バックを「閉じる」に割り当てる
function useAndroidBackToClose(isOpen: boolean, onClose: () => void) {
  useEffect(() => {
    if (Platform.OS !== "android" || !isOpen) return;
    const sub = BackHandler.addEventListener("hardwareBackPress", () => {
      onClose();
      return true; // true を返してOS既定の「アプリ終了」を抑止する
    });
    return () => sub.remove();
  }, [isOpen, onClose]);
}

import { FlatList } from "react-native";
 
// Before の ScrollView + map をやめ、仮想化リストにする
<FlatList
  data={items}
  keyExtractor={(item) => item.id}
  renderItem={({ item }) => <WallpaperCard item={item} />}
  // 画面外の行を破棄してメモリとフレーム落ちを抑える
  removeClippedSubviews
  initialNumToRender={8}
  windowSize={5}
  // 高さが一定なら getItemLayout でスクロール計算を省く
  getItemLayout={(_, index) => ({
    length: ROW_HEIGHT,
    offset: ROW_HEIGHT * index,
    index,
  })}
/>

import { requestTrackingPermissionsAsync } from "expo-tracking-transparency";
 
// 広告SDK初期化の前に必ず ATT を確定させる
async function initAdsWithConsent() {
  const { status } = await requestTrackingPermissionsAsync();
  const personalized = status === "granted";
 
  // ここで初めて広告SDKを初期化する。
  // personalized を渡し、非許可ならノンパーソナライズ広告に切り替える
  await initMobileAds({ requestNonPersonalizedAdsOnly: !personalized });
}

import AsyncStorage from "@react-native-async-storage/async-storage";
import { useEffect, useState } from "react";
 
function usePersistentSetting(key: string, fallback: string) {
  const [value, setValue] = useState(fallback);
  const [hydrated, setHydrated] = useState(false); // 復元完了フラグ
 
  // 起動時に一度だけ復元する
  useEffect(() => {
    AsyncStorage.getItem(key)
      .then((stored) => { if (stored !== null) setValue(stored); })
      .finally(() => setHydrated(true));
  }, [key]);
 
  // 変更があれば保存する（復元完了後のみ）
  useEffect(() => {
    if (hydrated) AsyncStorage.setItem(key, value);
  }, [key, value, hydrated]);
 
  return { value, setValue, hydrated };
}