Slide 12
Slide 12 text
1-1. Identify bottleneck
● 原因となりうるコードを消してみる
12
const SearchScreen: React.FC = ({ categoryId, publishedDate })
=> {
const [itemList, setItemList] = useState([]);
useEffect(() => {
_searchItems();
}, []);
const _searchItems = async () => {
await tooLateResponseFunc()
setItemList([{ Id: “**”, name: ”***”, ... }, ….]);
};
return ;
};
処理が終わったあとにダミーデータ
をset
=> これで速くなればレンダリングや
アニメーションの問題