Expo Made React Web-to-Native Migration Easier (Here's How)

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 พ.ย. 2024

ความคิดเห็น • 47

  • @nerdchannel5866
    @nerdchannel5866 3 หลายเดือนก่อน +21

    Might finally give react native a go when this comes in. It’s always been a bit of a hurdle that you have to start near from scratch for native! Wow 🤩

  • @abdulhannan5672
    @abdulhannan5672 3 หลายเดือนก่อน +9

    This is one of the most insane things I've watched as a react-native developer in months. Looks like Expo has really been cooking lately. 🔥

  • @justafreak15able
    @justafreak15able 3 หลายเดือนก่อน +7

    This was what we all needed from the beginning.

  • @Senseidudu
    @Senseidudu 3 หลายเดือนก่อน +13

    this revolutionary web devs going into mobile dev

    • @vvelarm
      @vvelarm 3 หลายเดือนก่อน +1

      Capacitorjs does this too

  • @MinhazurSarker
    @MinhazurSarker 3 หลายเดือนก่อน +37

    Flutter just got cooked.

    • @pr1nc3h4l
      @pr1nc3h4l 2 หลายเดือนก่อน

      can you elaborate ?

  • @wk-kln
    @wk-kln 2 หลายเดือนก่อน +3

    Write once, Run everywhere 🤯

  • @thisweekinreact
    @thisweekinreact 3 หลายเดือนก่อน

    Great new feature 🔥 love how you can communicate with native using props

  • @BeeBeeEight
    @BeeBeeEight 3 หลายเดือนก่อน +14

    This is great. Soon Expo will replace nextjs as the next cool thing in react. One codebase to rule them all.

    • @blazi_0
      @blazi_0 10 วันที่ผ่านมา

      i wish not man, i wish not

  • @tuannguyenanh7466
    @tuannguyenanh7466 2 หลายเดือนก่อน

    Super cool. Thanks for such a very helpful video.

  • @Remiwi-bp6nw
    @Remiwi-bp6nw 3 หลายเดือนก่อน +3

    That's so cool! I was looking for a way to use the shadcn graphs in RN

  • @buildwithharshit
    @buildwithharshit 3 หลายเดือนก่อน +3

    wtf! This is soooooooooooo goooooooooooooodddddddddddddd

  • @jisonsoft4810
    @jisonsoft4810 11 วันที่ผ่านมา

    it will reach the general public

  • @jessequartey
    @jessequartey 3 หลายเดือนก่อน +2

    Capacitor and Flutter has their end coming.
    I swear the moment you think React and the JavaScript community is really resilient
    This is the only place i think using RSC is going to smash harrrrdddddd.

  • @풍월상신
    @풍월상신 3 หลายเดือนก่อน +1

    I have a question.
    As far as I understand about ShadCN/whatever Toastifier, it needs a Dom for itself to generate the Toaster Dom in document.root level.
    But in your Index Component, you just passed notify function as a prop without adding a Dom for Toaster, and it works.
    Is this because Expo "use dom" handles everything? or is there a Dom for Toaster somewhere else?

  • @jenismaharjan2883
    @jenismaharjan2883 3 หลายเดือนก่อน +3

    Bros eyes look like he in the clouds but good content

    • @JollyCoding
      @JollyCoding  3 หลายเดือนก่อน +2

      Can’t remember when I filmed this but I’d guess it wasn’t at a sensible hour, or I had about 4hrs sleep 😂

  • @a-yo9312
    @a-yo9312 3 หลายเดือนก่อน +2

    Will this work for nextjs ?

  • @flozero
    @flozero 2 หลายเดือนก่อน

    really interesting

  • @PP-ss3zf
    @PP-ss3zf 2 หลายเดือนก่อน

    this might be a stupid question. but do we have to go down different routes if we build in web first vs native first, but have plans to eventually use both?

  • @edxtech
    @edxtech 2 หลายเดือนก่อน

    This is amazing! It's a shame the expo-dev-client package seems to be broken in this release though. Has anyone made it work?

  • @vyxian00
    @vyxian00 3 หลายเดือนก่อน

    Whats the diff vs PWA aside from the native functions.

  • @ulrich-tonmoy
    @ulrich-tonmoy 3 หลายเดือนก่อน

    With Tauri + React build Web Engine Rendered Desktop and Mobile app
    With React Native can do the similar but with native option hope Expo support desktop build also

  • @simpingsyndrome
    @simpingsyndrome 3 หลายเดือนก่อน

    i think it will lead us to put more web component than the native because it's much easier to build UI.

  • @a-yo9312
    @a-yo9312 3 หลายเดือนก่อน

    Can i use peerjs with this?

  • @vvelarm
    @vvelarm 3 หลายเดือนก่อน +1

    Capacitorjs does this too

    • @azizsafudin
      @azizsafudin 3 หลายเดือนก่อน

      How can you create native components in capacitor?

    • @a-yo9312
      @a-yo9312 3 หลายเดือนก่อน

      Does it do it better, I want to make a mobile app using webRTC, already doing a desktop app using peerjs

  • @Mavesound
    @Mavesound 3 หลายเดือนก่อน

    What if you’re on next?

  • @ArabPhalastine
    @ArabPhalastine 3 หลายเดือนก่อน

    I only use ionic .better full web view with native features

  • @MrAvelino2010
    @MrAvelino2010 3 หลายเดือนก่อน

    was made with solito??

  • @jomelortega7902
    @jomelortega7902 3 หลายเดือนก่อน

    What’s the logic behind adding NoSelect component? Anyone?

    • @JollyCoding
      @JollyCoding  3 หลายเดือนก่อน

      It’s to mirror the behaviour of native apps better I believe. If you notice with most apps you can’t select text, as there’s usually another action that can occur from a tap or hold.

  • @DeveloperLeon
    @DeveloperLeon 3 หลายเดือนก่อน

    what theme are you using there buddy?

    • @JollyCoding
      @JollyCoding  3 หลายเดือนก่อน +1

      Just GitHub Dark I believe

    • @DeveloperLeon
      @DeveloperLeon 3 หลายเดือนก่อน +1

      @@JollyCoding that explains why I like it; it's the same one I'm already using

  • @o_glethorpe
    @o_glethorpe 3 หลายเดือนก่อน +2

    It justs embed a webview, you guys need to chill out.

    • @jotaroisdarius1918
      @jotaroisdarius1918 3 หลายเดือนก่อน +4

      which is good enough for crud apps

  • @bahyusanciko
    @bahyusanciko 3 หลายเดือนก่อน +2

    haha its ionic

    • @leularia
      @leularia 3 หลายเดือนก่อน

      ionic on steroids

  • @AllahomAnsorGaza
    @AllahomAnsorGaza 3 หลายเดือนก่อน +1

    please slow downnnnnnnnnnnn
    for non english viewers :(

  • @davidlintin
    @davidlintin หลายเดือนก่อน

    Is it pronounced Hermies or Hermes? 😂

  • @newadClass
    @newadClass หลายเดือนก่อน

    how to create this project using expo dom.
    I fork this repo I got errror:---
    -------------------------------------------------------------------------------------------------
    D:\Users\expo-dom-components-canary-example>npm i
    npm error code ERESOLVE
    npm error ERESOLVE unable to resolve dependency tree
    npm error
    npm error While resolving: mdex@1.0.0
    npm error Found: expo@52.0.0-preview.3
    npm error node_modules/expo
    npm error expo@"52.0.0-preview.3" from the root project
    npm error
    npm error Could not resolve dependency:
    npm error peer expo@"52.0.0-canary-20240912-1059f85" from @expo/dom-webview@0.0.1-canary-20240912-1059f85
    npm error node_modules/@expo/dom-webview
    npm error @expo/dom-webview@"^0.0.1-canary-20240912-1059f85" from the root project
    npm error peerOptional @expo/dom-webview@"*" from expo@52.0.0-preview.3
    npm error node_modules/expo
    npm error expo@"52.0.0-preview.3" from the root project
    npm error
    npm error Fix the upstream dependency conflict, or retry
    npm error this command with --force or --legacy-peer-deps
    npm error to accept an incorrect (and potentially broken) dependency resolution.
    npm error
    npm error
    npm error For a full report see:
    npm error C:\Users
    aved\AppData\Local
    pm-cache\_logs\2024-10-30T07_49_34_087Z-eresolve-report.txt
    npm error A complete log of this run can be found in: C:\Users
    aved\AppData\Local
    pm-cache\_logs\2024-10-30T07_49_34_087Z-debug-0.log

  • @leularia
    @leularia 3 หลายเดือนก่อน +1

    @t3dotgg