开发【动态预览组件】替代 StoryBook

[TechQuery]

静态版本

Idea-React/preview/utility.tsx

Lines 10 to 15 in dc4e9ba

	export const CodeExample: FC<PropsWithChildren> = ({ children }) => (
	<>
	{children}
	<CodeBlock language="tsx">{children}</CodeBlock>
	</>
	);

基础技术

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/contenteditable

功能参考

https://react-bootstrap.github.io/docs/components/breadcrumb#example

高级组件

1. https://github.com/TroyAlford/react-jsx-parser
2. https://commerce.nearform.com/open-source/react-live/