[💌 FEATURE REQUEST] tasks을 통한 업데이트 로직을 최적화한다

[JengYoung]

멈춰! 🖐🏻 잠시 체크 들어갑니다~

• [X] 다음 페이지에서 중복되지 않음을 확인했어요. 🙆🏻
• [X] 다른 분들께서 허락해주신다면, 제가 구현해보고 싶어요! 🙆🏻‍♀️

배경 및 설명

계속해서 tasks의 상태를 관리하는 것의 부하가 생각보다 큰 것 같다. 약 350개의 업데이트가 쌓이면 초기에 약 0.3~0.5초의 깜빡거림(API에서 업데이트하지 않은 tasks으로 인해)이 발생한다. 또한 변경할 때마다 조금의 버벅거림이 존재하여 가끔은 완전한 업데이트가 잘 되지 않는다. 이는 업데이트가 생각보다 많아질 수 있을 때 꽤나 걱정스러운 부분이기도 하다. 따라서 이를 최적화하여, 안정적으로 사용자가 블록의 변경 내역을 업데이트할 수 있도록 한다.

기대결과

사용자가 작업할 시 tasks의 쌓임과 별도로 안정적인 UX를 얻어야 한다.

대안 제시

느낌상 react의 useState가 Batch로 비동기적으로 이루어지는 것이 문제이지 않을까 싶다. (실제로 프론트엔드 측에서는 현재 매 순간마다 setState로 blocksStore을 업데이트하고 있다.)

따라서 이를 일괄적으로 setState하면 더 빨라지지 않을까 기대하고 있다. 이는 react에서 변경시마다 0.02초씩 걸리는 단점을 해결해주기 때문이다.

참고자료

No response