반응 성능 문제?

Question

1. 구성 요소 계층 구조가 너무 깊으면 앱 성능에 영향을 미치나요? , 그렇다면 일반적으로 몇 레벨로 설정되나요

2. Redux는 작업을 수행할 때마다 리듀서를 통해 새로운 상태를 생성합니다. 작업이 많아지면 성능에 영향을 미치지 않나요? redux는 어떻게 우회되나요?

Answer 1

컴포넌트 중첩 문제는 피할 수 없습니다. 코드를 재사용하려면 중첩해야 합니다. 그렇지 않으면 코드 양이 엄청납니다. 이것은 또한 React의 단점 중 하나입니다. 일반적으로 3~5레벨 중첩이면 기본적으로 문제가 해결될 수 있으며, 더 깊어지면 문제가 없을 것으로 추정된다. 너무 깊다면, 직면해야 할 첫 번째 문제는 확실히 성능이 아니라 개발입니다. 매개변수가 어디서 어디로 전달되는지 기억하지 못할 수도 있습니다. 재사용률을 줄이기 위해 더 많은 코드를 추가할 수 있지만 유지 관리가 훨씬 쉽고 성능도 괜찮습니다. 상태 문제에 있어서 redux는 거대한 상태를 유지합니다. 전체 프로젝트는 하나의 상태이며, 작은 상태는 개별 구성 요소로 나뉩니다. 특정 상태가 어떻게 작동하는지 깊이 이해하지 못하면 새로운 상태가 생성된 후 원래 상태는 참조 없는 개체처럼 되어 시스템에 의해 해제될 것 같습니다.

Answer 2

변경 불가능하게 사용해 보세요

Answer 3

가상 돔