유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

[React 공식문서 reference] #9-2. flushSync

FE재남

2023. 8. 6.

0

#frontend
  • flushSync 함수는 React가 모든 미처 처리되지 않은 작업을 강제로 처리하고 동기적으로 돔을 업데이트하는 역할을 합니다. 🐌
  • 가장 많이 사용되는 방법에서 흐름 확인을 피하고 flushSync를 최후의 수단으로 사용해야 합니다. ⚠️
  • flushSync를 사용해야 하는 상황은
    • 스스로를 완료하는 외부 업데이트를 처리해야 할 때입니다. 🔒
    • 특정 상태 변화 순서를 보장해야 할 때입니다. 🛡️
  • flushSync는 성능 저하를 일으킬 수 있으므로, 이전 렌더링이 완료된 후에 미터링 코드를 강제 실행합니다. ⏳

Recommanded Videos