You can have many small web views on the same screen, pass props to the web view, and more. You can learn more in our docs: docs.expo.dev/guides/dom-components/
Hi Beto, what if my web app is just made in vanilla JS. Would that work and perform well or the trick is to only have any webpage created with React JS?
Since the react-native-maps does not support the new architecture yet, it would be useful to demo a 'use dom' example of this. When I tried it I got "DOM Components require javaScriptEnabled"..
i didnot use the lexical, i used some other wysiwyg editor on a web app. but probably this have similar functionality which is view mode. you will need another lexical component without plugins as readonly, or you can parse the state and apply styles to rn text component
Nice, great video as always Beto! I have two questions: 1. What simulator are you using for android? 2. Behind the scenes, are web components like small web-view islands? Kinda like how client components work with server components with the "donut pattern" in react 19.
1. For Android, I'm using the standard: "Medium Phone API 35" 2. And yes! You can think of web components as small web views that you can embed in your native app :)
This is gold! Blessings dear Beto, and all the Expo team!
wow this is amazing!!!, reach native is really the future
Thanks! Building cross-platform apps is a lot easier with Expo.
Totally great!
I already implemented this 1 year ago with vite
Happy every time when learning and following your VDO tutorial.
Thanks for the kind words!
I really needed this!!!
this is what i need 😍👍
Ohh boy, DOM Components will be so abused.
😂😂😂😂😂 I feel you man
"Incrementally migrate to native"
*inserts eas config into nextjs project*
Will this work with SDK 51?
Production ready?
Yes sir!
This looks awesome! But how is it different from the previous webview? Never used webview in Expo SDK 51 so appreciate any help!
You can have many small web views on the same screen, pass props to the web view, and more. You can learn more in our docs: docs.expo.dev/guides/dom-components/
Hi Beto, what if my web app is just made in vanilla JS. Would that work and perform well or the trick is to only have any webpage created with React JS?
Ideally, the web view should be created using ReactJS. Then you can also take advantage of passing props and stuff. :)
Excellent use case!
Since the react-native-maps does not support the new architecture yet, it would be useful to demo a 'use dom' example of this. When I tried it I got "DOM Components require javaScriptEnabled"..
Update expo go app, or use dev client.
Plese try with a development build
It’s supported if you will not use react-native-map-cluster
How to implement a expo-camera? It's really buggy
Here's a tutorial: ruclips.net/video/Cw08RqFel6I/видео.html
Great tutorial ❤
How can I show the text with the format ? That’s the most important thing .
i didnot use the lexical, i used some other wysiwyg editor on a web app.
but probably this have similar functionality which is view mode. you will need another lexical component without plugins as readonly,
or you can parse the state and apply styles to rn text component
@@saidyeter thanks. I will investigate a bit about that .
Nice, great video as always Beto! I have two questions:
1. What simulator are you using for android?
2. Behind the scenes, are web components like small web-view islands? Kinda like how client components work with server components with the "donut pattern" in react 19.
1. For Android, I'm using the standard: "Medium Phone API 35"
2. And yes! You can think of web components as small web views that you can embed in your native app :)