Cheatsheet

note

The following cheatsheet provides a set of links for the migration of individual aspects of existing code from the Spec API to the Kotlin API.

Spec API	Kotlin API
`@LayoutSpec`	KComponent and Props
`@OnCreateLayout`	`ComponentScope.render()`
`@OnCreateTransition`	`useTransition()`
`@OnCreateInitialState` / `@OnUpdateState`	`useState()`
Lazy State	`useRef()`
`@OnError`	`useErrorBoundary()`
`@OnAttached` / `@OnDetached`	`useEffect()`
`@OnEvent`	Event Handling
`@OnCalculateCachedValue`	`useCached()`
`@TreeProp`	`getTreeProp()`
`@OnCreateTreeProp`	`TreePropProvider`
Common Props	`Style`
`Column.create(c)`	`Column()`; see Flexbox Properties Cheatsheet
`Row.create(c)`	`Row()`; see Flexbox Properties Cheatsheet
Manual Keys	`key()`
`Handle`	`handle()`
`@OnCreateLayoutWithSizeSpec`	`SizeConstraintsAwareComponent`
`@MountSpec`	`PrimitiveComponent()`
`@OnTrigger`	Controllers pattern
`@OnBind` / `@OnUnbind`	`bindTo()` / `bind()` / `bindWithLayoutData()` + `onUnbind()`
`@OnMount` / `@OnUnmount`	`bindTo()` / `bind()` / `bindWithLayoutData()` + `onUnbind()`
`@OnBindDynamicValue`	`bindDynamic()` - Dynamic Values API
`@ShouldUpdate`	`shouldUpdate()`
`@OnCreateMountContent`	`createContent()`
`@OnCreateMountContentPool`	`ViewAllocator` / `DrawableAllocator`
`@OnMeasure`	`layout()`
`@OnBoundsDefined`	`layout()`
`@OnPrepare`	`PrimitiveComponentScope.render()`
`@OnLoadStyle`	`PrimitiveComponentScope.render()`
Accessibility	Accessibility (see: `AccessibilityStyles`)
`hasChildLithoViews`	`doesMountRenderTreeHosts`
`isPureRender`	Not needed in Kotlin APIs, `isPureRender=true` is the only mode.
`RecyclerCollectionComponent`	`LazyList` / `LazyGrid`
`@GroupSectionSpec`	`LazyList` / `LazyGrid`
`SingleComponentSection`	`LazyListScope.child()`
`DataDiffSection`	`LazyListScope.children()`