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 Dom
HTML

React world

React-DOM
React Virtual Dom
Android

React Native

React-Native
iOS
React Virtual Dom
Android

React Native Web

React-Native
iOS
React-Native-Web
HTML

Problems with react native web

  • Platform-Specific Considerations
  • Limited Native Features
  • Browser Compatability

Solution???

🎉 RSD 🎉

React Strict Dom

What is RSD

Javascript Polyfill of Web elements into React Native

+

StyleX

React Virtual Dom

React Strict Dom

React-Strict-Dom
React-Strict-Dom/Web
React-DOM
React-Strict-Dom/Native
React-Native
Android
iOS
HTML

Quick look into code

Lets see code

Next steps

QA Time

Thank you for being an wonderful audience

Made with Slides.com