Jetpack Compose Internals

저자 - Jorge Castillo

 

Compose 구조를 알고싶어서 정독했다. 아쉽지만 영어 원서여서 좀 독해가 부족했을듯.

 

몇가지 정리사항

 

Compose는 리액트JS에서 영감을 받았다.

Compose는 UI를 설명하는 트리이다.

 

Composable 함수들은 프로그램 로직을 쓰도록 디자인된게 아니라 노드 트리의 변경사항을 설명하도록 디자인되었다.

Compose는 Annotation Processor를 통하지 않음. Kotlin Compiler임

하드코딩 되는 뷰를 위해서는 @ReadOnlyComposable 를 적극적으로 사용할 수 있을듯.

Subcomposition은 독립적인 invalidation을 위한것이다.

여러가지 반응형 애니메이션을 위해서 LookaheadLayout 을 사용할 수 있다. 

Modifier를 생성할때 Chain 구조의 LinkedList 형태가 되고, CombinedModifier로 링크된다.

State snapshot system의 핵심은 state isolation.

 

DisposableEffect(key): key 가 변경될때마다 dispose/relaunch

SideEffect: 모든 composition / recomposition 에 동작. composition 실패시 동작안함. "Fire on this composition or forget"

rememberCoroutineScope: composition lifecycle에 바인드됨. 유저 액션 처리시 용이함.

LaunchedEffect(key): 키가 바뀔때마다 calcelled 되고 relaunched됨

 

PS. 예전에 React와 일렉트론으로 매장관리 시스템 만들어서 VR카페에 적용된적이 있는데, 이젠 Compose Desktop으로 하면 될듯? ㅋㅋ