ReactRouter のパフォーマンスチューニング

React Rerendering を抑える

• 親コンポーネントを少なくする

• 適切にメモ化する

• React の再レンダリングを防ぐ 3 つのパターン

Bad case

単一の情報源ではない

const [todos, setTodos] = useState<Todo[]>([]);
const [completedTodos, setCompletedTodos] = useState<Todo[]>([]);

Bad Habits of Mid-Level React Developers - DEV Community 👩‍💻👨‍💻