flux 아키텍처 : 페이스북에서 개발, 리액트 상태 관리를 더 잘 하기 위해 데이터 흐름을 단방향으로 제어. 4단계의 과정으로 이루어지고 각 단계가 모듈화되어 독립적 관리에 용이하다.
React.suspense : 비동기 작업 시 대기 상태 관리를 용이하게 하는 리액트 내장 컴포넌트.
로딩 상태 감지, 데이터 리소스가 준비될 때까지 렌더링 지연
<Suspense>{로딩 UI}</ Suspense>
Fiber 엔진 : React 16버전에서 리액트의 핵심 알고리즘을 재구성한 새 재조정(Reconciliation) 엔진
Stack Reconciler : Fiber 엔진 이전에 사용됨. JS처럼 싱글스레드로 프레임드롭이 발생하고 컴포넌트 깊이가 깊어지만 중간에 변경이나 중단이 어렵다.
React.lazy를 사용하면 번들 크기는 줄어들고 속도는 빨라진다.
Vite : 빌드 도구이면서 번들러 역할 가능
WebPack : 번들러이면서 빌드 도구 역할 가능
Suspense는 리액트 18 이전에는 코드 스플리팅에 주로 쓰였다가, 리액트 18 이후부터 그 기능이 확장되어 데이터 페칭에도 사용되게 되었다.
아무튼, 개발자