Interop with Reagent
Using Reagent components in UIx
In order to use a Reagent component in UIx you need to wrap Reagent's Hiccup with r/as-element
so that Reagent can take care of Hiccup and convert it into React calls.
Using UIx components in Reagent
When using a UIx component in Reagent (or anywhere else) you can continue to use the$
macro without changing anything. The macro will make sure that UIx component is properly created no matter which context it is used in.
Syncing with ratoms and re-frame
External data sources can be consumed in hooks-based components via useSyncExternalStoreWithSelector
from the "use-sync-external-store"
package. This part is only concerned about making the UI components reactive on external data sources. How the state is updated doesn't change.