feat(react): React docs toolkit for opentiny。

[pe-3]

PR

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our Commit Message Guidelines
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation content changes
• Other... Please describe:

What is the current behavior?

Issue Number: N/A

What is the new behavior?

Render react components in vue project with web components;

function App(props){
    return (<div>{props.children}</div>)
}
function TinyButton(){
}

class WebComp extends HTMLElment {
     connnectCallback(){
           ReactDOM.render(
               <App>
                  <TinyButton/>
               </App>
           )
     }
}

<template>
  <button-click-demo></button-click-demo>
</template>

<script>
// 导入的是编译后的产物
import ButtonClick from "@/webcomps/button/button-click-webcomp.js";
customElements.define("button-click-demo", ButtonClick);
export default {};
</script>

Does this PR introduce a breaking change?

• Yes
• No

Other information

[kagol]

@pe-3 可以截图看下效果哈~

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

@pe-3 You can take a screenshot to see the effect~

[pe-3]

closed，这个 pr 的代码目前在 tiny-vue 里是 react 的文档，不做套件了。 Issues-translate-bot ***@***.***> 于2024年3月28日周四 17:41写道：

…

Bot detected the issue body's language is not English, translate it automatically. ------------------------------ @pe-3 <https://github.com/pe-3> You can take a screenshot to see the effect~ — Reply to this email directly, view it on GitHub <#106 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AYWIBDZYKK7WTPR5RRKFE6LY2PQV3AVCNFSM6AAAAAA5A6M3EOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDAMRUG44DEMBRGQ> . You are receiving this because you were mentioned.Message ID: ***@***.***>