작심삼일 개발이야기

  • 홈
  • 방명록

2022/08/07 1

[React] 지연 초기화 (컴포넌트 최적화 기능)

클린 코드 책을 읽다 지연 초기화에 대해 조금 더 알아봤다. 마침 리액트 최적화에 관련된 글을 찾아서 정리해봤다. 아래의 두 코드를 비교해보자 코드 1 const Counter = () => { const [count, setCount] = useState( Number.parseInt(window.localStorage.getItem(cacheKey)), ) useEffect(() => { window.localStorage.setItem(cacheKey, count) }, [cacheKey, count]) return ( Count: {count} setCount((prevCount) => prevCount - 1)}>- setCount((prevCount) => prevCount + 1)}>+ ) ..

React 2022.08.07
이전
1
다음
더보기
프로필사진

작심삼일 개발이야기

프론트엔드 개발자 입니다 :)

  • All (126)
    • React (16)
    • Next.js (2)
    • JavaScript (8)
    • TypeScript (6)
    • HTML, CSS (5)
    • 에러 해결 (13)
    • 라이브러리 (12)
      • React Hook Form (7)
      • SunEditor-react (2)
      • Firebase (1)
    • 이모저모 (12)
    • API (1)
    • 프로젝트 (3)
      • Just it (2)
      • 여유 (1)
    • 일기 (8)
    • 개발 서적 (18)
      • 클린코드(Clean Code) (9)
      • 개발자의 글쓰기 (8)
      • 지금 시작하는 프론트엔드 개발자를 위한 조언 (1)
    • 스터디 (20)
      • 클린코드(Clean Code) (13)
      • 리팩토링 2판 (7)
    • 컨퍼런스 (2)

Tag

지연 초기화, javascript, YUP, React Hook Form, 클린코드, RHF, suneditor, typescript, 불변성, Just it, 개발자의 글쓰기, react, formik, 리팩토링, 객체, clean code, useFieldArray, 알고리즘, next.js, 주석,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2022/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.

티스토리툴바