Developer Blog

[ObservedObserver]

Notes in 2023/11/29

For now, I decided not just to release a series of shadcn components in streamlit, but to allow developers to benefit more advantages of shadcn, including its multi-layer components, customizable style (using tailwindCSS) and runtime theming.

with element, it seems we can make it happen by passing nesting components' data structure from python layer to javascript layer, and render the data with React.createElement.

I had implement a POC of it, but still got some issues:

1. Not easy to migrate all previously built components to be element-based.

When we need to make all component element based, first, element is based on class Element, it has its internal state, hooks.
If an element is used without with statement, we cannot make sure whether the component should be rendered. So there will be a extra method render to be called.