코딩연습장

  • 홈
  • 방명록
  • 글쓰기
  • 관리자

2024/08/28 1

24.08.28 React Concurrent Feature / useSyncExternalStore

const Comp = () => { const [count, setCount] = useState(0) const expensiveHandle = () = > { //엄청나게 오래걸리는 명령코드 setCount(prev => prev+1) } return ( action )}export default Compaction버튼을 누르면 리렌더링이 유발되고, 기존의 렌더링 방식에서는 한번에 하나씩 렌더링이 처리가 되었다. 이는 렌더링 연산에 들어가면 중지할 수 없었음을 의미한다.앞 연산이 매우 길어질 때 문제가 발생하는 것이다. 이러한 문제를 해결하고자 디바운싱, 쓰로틀링같은 방식들이 사용되었었다.함수실행에 제약을 거는 것인데, 이 두가지 방식이 블로킹 렌더링의 근본적..

2차 공부/TIL 2024.08.28
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (344)
    • 2차 공부 (162)
      • 알고리즘 (34)
      • TIL (127)
      • WIL (0)
      • 최종프로젝트 (1)
    • 1차 공부 (181)
      • React공부 (42)
      • WIL (13)
      • TIL (39)
      • 알고리즘 (28)
      • 공부한 자료 (21)
      • JavaScript (7)
      • 코드분류 (1)
      • 웹개발노트 (5)
      • 설정관련 (3)
      • 기타 (2)
      • 기술면접 준비 (20)

Tag

CSS, react, javascript, action creator, vite, 리액트, 실행컨텍스트, react-redux, 팀프로젝트, redux, 리덕스, tanstack query, 알고리즘, js, 프로그래머스, Reducer, 코딩테스트, React Query, nextjs, TDZ,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2024/08   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바