React Strict Dom
@vilvaathibanpb
About Me
- Senior Full Stack Engineer
- Omio, Berlin
- Platform engineering
- Inconsistent Blogger and Youtuber
- Love to Teach, Travel and Eat
Before getting Strict
<HelloWorld /><div>
<h1>Hello World</h1>
</div>React world
<HelloWorld /><div>
<h1>Hello World</h1>
</div>React world
const HelloWorld = () => (
React.createElement("div", null,
React.createElement(
"h1",
null,
"Hello World"
)
));
React Virtual DomHTMLReact world
React-DOM
React Virtual DomAndroidReact Native
React-Native
iOSReact Virtual DomAndroidReact Native Web
React-Native
iOSReact-Native-Web
HTML
Problems with react native web
- Platform-Specific Considerations
- Limited Native Features
- Browser Compatability
Solution???
React Strict Dom
What is RSD
Javascript Polyfill of Web elements into React Native
+
StyleX
React Virtual DomReact Strict Dom
React-Strict-Dom
React-Strict-Dom/Web
React-DOMReact-Strict-Dom/Native
React-NativeAndroidiOSHTML
Quick look into code
Lets see code
Next steps
QA Time
Thank you for being an wonderful audience