[Korean FE article] 리액트 컴파일러 이해하기
글 링크: https://emewjin.github.io/understanding-react-compiler
소개
리액트 컴파일러는 발표된 이후 계속해서 많은 관심을 받고 있는데요. 이번에 소개해 드릴 글은 리액트 컴파일러를 이해하기 위해 필요한 기반 지식들과 함께, 리액트 컴파일러가 내부적으로 어떻게 동작하고 무슨 일을 하는지 자세하게 설명하는 글입니다. 간단한 예제 코드로 컴파일러 적용 전, 후의 모습을 보여주며 이해를 돕기도 하는데요. 아직 리액트 컴파일러에 대해 자세히 살펴보지 못하셨다면, 읽어 보시는 것을 추천드립니다 :)
목차
컴파일러, 트랜스파일러 및 옵티마이저
트랜스파일
컴파일 및 최적화
추상 구문 트리(Abstract Syntax Trees, AST)
리액트의 핵심 아키텍처
메모이제이션
훅 저장소
리액트의 메모이제이션
리액트 컴파일러
장치 메모리를 위한 프로세서 주기 트레이딩
추상화 및 디버깅
더 자세히 알아보기