[PERFORMANCE] 리액트 성능 최적화 #219
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…컴포넌트 분리 - 다른 사용자 입장, 퇴장 시 불필요한 헤더의 리렌더링 없앰
- 모달 상태 값들 모달 컴포넌트에서 관리 - 메모이제이션 수행
투표와 능력 관련 데이터들을 Game 페이지 하위 컴포넌트들이 관리하도록 수정 - useGame 커스텀 훅에서 players 데이터 삭제 및 관련 데이터 useAbility와 useJobMemo로 이동 - players 데이터 삭제에 맞게 관련 내용들 수정
- Game 페이지에서 players 데이터 삭제 - useAbility 커스텀 훅 하위 컴포넌트 (LeftSideContainer)로 이동
…pwm-2021/web31-MAFIA31 into perf/react-optimization
- `useRef` API 사용해서 내가 죽었는지를 나타내는 데이터 생성 - 각 모달과 useAbilityButtonList 로 전달
Merged
binimini
pushed a commit
that referenced
this pull request
Dec 1, 2021
* perf: Waiting page에서 WaitingListContainer와 WaitingBottomBarContainer 컴포넌트 분리 - 다른 사용자 입장, 퇴장 시 불필요한 헤더의 리렌더링 없앰 * perf: ProfileCardContainer 컴포넌트 분리 및 memo로 메모이제이션 수행 * perf: 투표 이벤트 최적화 * perf: 게임 페이지의 모달 분리 - 모달 상태 값들 모달 컴포넌트에서 관리 - 메모이제이션 수행 * perf: 투표 및 능력 사용 최적화 (ing) 투표와 능력 관련 데이터들을 Game 페이지 하위 컴포넌트들이 관리하도록 수정 - useGame 커스텀 훅에서 players 데이터 삭제 및 관련 데이터 useAbility와 useJobMemo로 이동 - players 데이터 삭제에 맞게 관련 내용들 수정 * perf: 투표 및 능력 사용 최적화 (ing) - Game 페이지에서 players 데이터 삭제 - useAbility 커스텀 훅 하위 컴포넌트 (LeftSideContainer)로 이동 * refactor: 내가 죽었는지를 나타내는 데이터 생성 - `useRef` API 사용해서 내가 죽었는지를 나타내는 데이터 생성 - 각 모달과 useAbilityButtonList 로 전달 Co-authored-by: donggoolosori <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
작업 목록
설명
https://seed-cry-ce7.notion.site/Day-28-Dev-log-fb04fe746aaa45d9ab98cc1c2682166d
1번 2번 문제를 해결해도 투표 및 능력을 사용할 때마다 AbilityButtonList 전체가 리렌더링 됨 => 추가적인 최적화 필요
Issue traker