react-strict-dom - heroui web & native integration

Proposal: future exploration of react-strict-dom

Background context
React team announced react-strict-dom (youtube-video). This allows devs to write html-like markup in react-native:
```
import { html } from 'react-strict-dom';

function Page() {
return (
<html.main>
<html.div className=”flex”>
<html.label for="name" >Name</html.label>
<html.input id="name" />
</html.div>
</html.main>
);
}
```

Its worth exploring creating the native components in a similar markup style as the web version using react-strict-dom. This would allow:
- devs to move between platforms with much more ease
- (instead of context switching between the platform differences (ex: <View/> <Text/>)
- help mcp/AI agents recreate a user’s app experience in react-native much more easily.

Example use case:
- Imagine having a component in web codebase styled with tailwind and copy-pasting it into your native app that’s using react-strict-dom and nativewind

Please authenticate to join the conversation.

Upvoters
Status

In Review

Board
💡

Feature Request

Date

7 days ago

Author

Clifford Fajardo

Subscribe to post

Get notified by email when there are changes.