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

React Strict Dom

By Vilva Athiban

React Strict Dom

  • 39