하리하링웹

  • 홈
  • 태그
  • 방명록

useCallback 1

React re-rendering 방지 디자인 패턴(3)

React에서 re-rendering이 일어나는 조건은 크게 보면 3가지정도가 있다. 함수 내의 State가 변경되었을 때 부모 컴포넌트가 re-render되었을 때 컴포넌트의 Props값이 변경되었을 때 자세하게 설명하면 수많은 조건이 있겠지만 대부분의 re-rendering는 저 3가지 조건의 상호작용으로 일어나게 된다. 이번 글에서는 3.컴포넌트의 Props값이 변경되었을 때 발생할 수 있는 re-rendering을 방지하는 방법에 대해 작성할 예정이다. import { Button } from '@/components/ui'; import { memo, useCallback, useState } from 'react'; function ButtonComponent({ onClick }: { onC..

frontend 2023.01.16
이전
1
다음
더보기
프로필사진

kjsik11@gmail.com / 잘못된 정보에 대한 피드백은 언제나 환영입니다.

  • 분류 전체보기 (96)
    • ai (1)
    • javascript (7)
    • frontend (34)
    • backend (2)
    • etc (10)
    • project (1)
    • browser (3)
    • algorithm (0)
    • typescript (4)
    • devops (6)
    • aws (23)
    • docker (0)
    • git (0)
    • database (1)
    • builder (3)
    • security (1)

Tag

PMTiles, nextjs, useSWR, mongodb, React, test, DevOps, docker, 지도, ECS, frontend, builder, node, AWS, EC2, re-rendering, maplibre, JavaScript, WEB, TypeScript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바