따뜻한 베지밀

  • 홈
  • 태그
  • 방명록

Re-Rendering 1

[React Fiber Architecture] What is React-Fiber Architecture?

React Fiber Architecture https://www.youtube.com/watch?v=ZCuYPiUIONs 위의 동영상은 React Fiber Architecture가 처음 나왔을 때 소개해 주는 영상입니다. What is Fiber Architecture ? 영상 초반에서 프랙탈 구조의 삼각형이 좁아지고, 넓어지면서 각각의 숫자가 바뀌는 모습을 볼 수 있습니다. 삼각형이 좁아지고 넓어지는 과정은 최상단의 노드를 기점으로 바꾸면 됩니다. 렌더링 과정에서 페이지 내부 애니메이션이 부드럽게 보이려면 16ms 내에 작업이 처리되어야 합니다 ❗️❗️ 하지만, 기존 알고리즘으로는 각각의 숫자가 바뀌는 과정이 16ms에 맞추기가 어렵습니다 😭 그렇기에 Virtual DOM을 최소화하고, 업데이트 일..

Web/React 2022.01.31
1
더보기
프로필사진

  • 베지밀 (31)
    • 기타 (10)
      • 42서울 (6)
      • 우아한 테크러닝 4기 (4)
      • Mash-Up (0)
    • Web (17)
      • React (5)
      • techTalk (5)
      • Library (6)
      • Next (0)
      • Develop (0)
      • etc (1)
    • Algorithm (4)
      • 알고리즘_개념 (4)

Tag

시험, Rush, fiber, useEffect, 렌더링 최적화, Container Presenter, 라이브러리, Color.js, 라피신, 5기1차, TypeScript, 리액트, 오픈소스, 타입스크립트, exahaustive, Virtual DOM, Browser work, 42서울, 테스트코드, react,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

티스토리툴바