2week
이효석
About

CH2. 리액트의 핵심 요소 깊게 살펴보기

2.1.1 JSX 의 정의

  • [p. 117] 이거 Element 만 왜 단수죠?
  • [p. 120] 네임스페이스에서 : 는 되는데 . 는 왜 안될까요?

2.1.3 JSX 는 어떻게 자바스크립트로 변환될까?

  • [p. 127] 결국 JS 로 변환되는 특성을 직접 사용하는 방법은 최적화적 관점에서 사용해 볼만 한 것 같습니다!
return isHeading ? (
  <h1 className="text">{children}</h1>
) : (
  <span className="text">{children}</span>
);
 
return createElement(
  isHeading ? "h1" : "span",
  { className: "text" },
  children
);

2.2.3 가상 DOM 을 위한 이키텍쳐, 리액트 파이버

  • [p. 139] 리액의 가상 DOM 의 핵심이 되는 리액트 파이버의 구조가 생각보다 단순해서 놀랬습니다.
  • [p. 139] 오랜만에 포인터 보니 반갑(?)네요 ㅎㅎㅎ

2.3.1 클래스 컴포넌트

  • 책에 나온 생명주기 메서드 중에 나중에 적용을 해보고 싶은 메서드가 있었나요?

2.5.2 주장2: 렌더링 과정의 비용은 비싸다, 모조리 메모제이션 하자!

  • 리액트를 어느정도 이해한다는 가정이면 props 가 복잡한 것이 아닌 이상, 무조건 쓰는게 맞지 않을까요?
FiberStudy