Expo DOM Components are WILD

[@galaxies_dev]

Join Galaxies.dev today - the Home of the Best React Native content 🔥

[@MiguelVazquez90]

I was at a react meet up in Austin Texas at Capital Factory in July where Evan Bacon showed this experimental feature to our group. He said we were the first ones to ever see it.

[@galaxies_dev]

You are blessed!

[@grimm_gen]

It's a really cool thing! If you have a nextjs app that you want to quickly port to native, you can just share the components between the 2 projects! I wonder how far this integration will go tho since Meta is working on React Strict Dom!

[@galaxies_dev]

We shall see, but it's exciting!

[@victorfaith6050]

This is nice upgrade coming into expo, so it's easier to migrate from web to mobile and also makes development faster for already built web interfaces

[@thepawelk]

This is great, I don't know yet how should I implement in any of my apps, but this is really great.

[@aymenbachiri-yh2hd]

This is great feature

[@thatawesomekk]

This is going to change Native Development 🎉🎉🎉, This is HUGE!!

[@galaxies_dev]

I love it!

[@harmishtervadiya6042]

Can anyone help me? I tried to implement it but after installing the specified version it is giving me errors like cannot find module react I tried installing it, clearing cache, reinstalling node modules but nothing is working If you have solution for this please share with me.

[@joraqoziturdaliyev1767]

Fantastic🔥🔥🔥

[@galaxies_dev]

Thanks 🔥

[@carlosricardoziegler2650]

This is really nice , thanks for the example, do you know some limitations from Apple Store to push app with some dom components?

[@galaxies_dev]

Not that I know of, but there definitely might be some. Maybe stay careful for now

[@aymenbachiri-yh2hd]

Thank you so much

[@phonemelartanvongphab6239]

use DOM is fit with production yet bro?

[@Skorupa9]

Sick!

[@stevenginyo]

Enter Ionic😂😂😂😂 I'd love to use their components with the react expo native plugins

[@WorstDeveloper]

What's the difference between this and a webview?

[@albertoyounes6448]

This is insane

[@galaxies_dev]

Agree!

[@todormarkov2860]

Meant the concept in react was mistaken for the virtual DOM, with react 19 they tried to do via compiler but it didn't work out well. In general react I don't like it, there are more intelligent solutions/frameworks like Solid/Svelte

[@edxtech]

This is super cool! It's a shame that the expo-dev-client seems to be broken in this release though. Has anyone managed to make it work?

[@pedroquerido2268]

Why? Are we running in circles? So we have react for the web, then it sorta evolves or branches into a thing that will run native code from a js thread, and then… we have a web technology that runs native to have a native web view to run web code. So, yeah I get it but in the end, if we go that route… why don’t we just avoid native and go back to web apps?

[@requestfx5585]

Faster and easier development and this is what matters

[@pedroquerido2268]

@@requestfx5585 but, we already have that with ionic and similar platforms

[@oliverloops.]

@@requestfx5585but also cheaper and poor quality UI/UX as a result. Native primitives should be prioritized above everything.

[@malcolmn.5222]

Can't put a web app on the marketplace

[@rodnoycry]

In native apps you have different native methods, such as local authentication with face id or fingerprint, you have background tasks, closer integration with camera methods, and so on. Projects like this - that combines commonly known technology - React.js, and all these abilities to interact with user device directly - is actually a pretty good combination

[@asadganiev]

Now it means that we can use tailwindcss?

[@asadganiev]

Oh, we can. Cool!!

[@drugoviic]

we already can with nativewind

[@asadganiev]

@@drugoviic nativewind is not an option/alternative. Most of the feature don't work, e.g. border

[@81NARY]

​@@asadganievcheck out nativewind v4 if you haven't already, going out of beta tomorrow I think, and with the latest release of react native, you can even do animations / transitions based on percentage values. Pair it with react native reusables and you have yourself an amazing stack!

[@81NARY]

​@@asadganievthat being said, dom components are really cool and helps with the incremental migration

[@jisonsoft4810]

This is good news and very good news, that great and great, 🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉

[@resolvetv0]

yeah

[@syyedshoaib]

🤯🤯

[@jayshivsahu]

hi Simon, can you please give me an idea that how to create a draggable flatlist in expo ?

[@Norfeldt]

I'm guessing that will not be a11y

[@umardev500]

Basically it's just a WebView

[@galaxies_dev]

But you can easily extend parts with native functionality, but yes the core tech here is a webview indeed.

[@kimikalaprod]

This is dope indeed. I wonder how it works to build a form with html components, which are often a pain to work with in RN 🤔

[@galaxies_dev]

Will dive more into it once it's stable!

[@sourabhsingh4515]

I am waiting for the flutter fanboys to see this

[@galaxies_dev]

😂

[@LeonelViera]

Really interesting