꼬꼬마 블로그

꼬꼬마의 기술 블로그

리액트 랜더링 매커니즘

JSX는 createElement를 런타임 시 호출합니다. 이때 JSX를 컴파일하는 역할은 babel이 합니다.

JSX를 사용하기 위해 import React from 'react'를 작성하는 이유도 JSX를 컴파일 시 내부적으로 react.createElement를 호출하기 때문입니다.

VDOM

HTML에서 DOM으로 발전하고 이가 VDOM으로 발전했는데 이는 다루기 쉽게 하기 위해서입니다.

Hook

훅을 쓸때 제어문안에서 사용하지 말라고합니다. 이는 훅이 함수 컴포넌트의 호출 순서를 기억한 후 해당 순서에 맞는 인덱스에 훅을 저장하기 때문입니다. 그렇기에 제어문의 조건에 따라 호출되고 말고가 결정되면 훅의 인덱스 순서가 꼬일 수 있기 때문입니다.