How to implement a Rich Text Editor using DOM Components

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ม.ค. 2025

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

  • @isaaccastillo8628
    @isaaccastillo8628 2 หลายเดือนก่อน +13

    This is gold! Blessings dear Beto, and all the Expo team!

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

    wow this is amazing!!!, reach native is really the future

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

      Thanks! Building cross-platform apps is a lot easier with Expo.

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

    Happy every time when learning and following your VDO tutorial.

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

      Thanks for the kind words!

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

    I really needed this!!!

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

    Totally great!
    I already implemented this 1 year ago with vite

  • @키키-n7q8k
    @키키-n7q8k 22 วันที่ผ่านมา +2

    Where is dom-component code?. I want see code but I can’t found

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

    this is what i need 😍👍

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

    Thank you very much for your great videos
    Is it possible to create features such as drawing tables, uploading photos and videos, changing colors, etc. using an editor?

  • @ryebytescode
    @ryebytescode 3 วันที่ผ่านมา

    When viewing the markup, are there any libraries aside from react-native-webview that converts regular HTML into expo html elements?

  • @NativeFX22
    @NativeFX22 2 หลายเดือนก่อน +17

    Ohh boy, DOM Components will be so abused.

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

      😂😂😂😂😂 I feel you man

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

      "Incrementally migrate to native"
      *inserts eas config into nextjs project*

  • @AjaySingh-jz8qx
    @AjaySingh-jz8qx 20 วันที่ผ่านมา

    Is this dom components can be used in a bare react native project??

  • @VasylZhuryk
    @VasylZhuryk 9 วันที่ผ่านมา

    How to color a text? All bloggers say the same functionality. What about text color?

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

    This looks awesome! But how is it different from the previous webview? Never used webview in Expo SDK 51 so appreciate any help!

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

      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/

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

    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"..

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

      Update expo go app, or use dev client.

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

      Plese try with a development build

    • @Malcolm777-i
      @Malcolm777-i 27 วันที่ผ่านมา

      It’s supported if you will not use react-native-map-cluster

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

    Production ready?

  • @Malcolm777-i
    @Malcolm777-i 27 วันที่ผ่านมา

    Will this work with SDK 51?

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

    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?

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

      Ideally, the web view should be created using ReactJS. Then you can also take advantage of passing props and stuff. :)

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

    Excellent use case!

  • @dev.j255
    @dev.j255 หลายเดือนก่อน

    How to implement a expo-camera? It's really buggy

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

      Here's a tutorial: th-cam.com/video/Cw08RqFel6I/w-d-xo.html

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

    Great tutorial ❤
    How can I show the text with the format ? That’s the most important thing .

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

      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

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

      @@saidyeter thanks. I will investigate a bit about that .

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

    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.

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

      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 :)