Devlog #23 - Which JS Editor Library, Quill, TipTap or Lexical (updated)

Поделиться
HTML-код
  • Опубликовано: 15 сен 2024

Комментарии • 35

  • @JamesRBentley
    @JamesRBentley 8 месяцев назад +5

    Very helpful explanation, we are looking to use Tip Tap as well

  • @Axorax
    @Axorax 2 месяца назад +1

    Superthread looks great and also has so many features

  • @moy2010
    @moy2010 8 месяцев назад +1

    Superthread is looking really cool! I also implemented the "Internal Link Extension" feature for my project using Lexical, though I called it "Smart Link". I feel very happy with Lexical and React, and I think it's level of maturity is finally allowing it to be used in more special use cases, which is exciting.
    How far did you go with your implementation with Quill? Before I used Lexical I was using Slate.js, and the refactoring took me around 1 month (considering that I was working on my side project only on my spare time). Suffice to say that I felt overwhelmed by the sheer amount of work that the refactoring demanded, so a piece of advice to anyone willing to create a rich text editor for their project: Evaluate very carefully which features / requirements you'll need out of your rich text editor library. It will save you a lot of time later on.

    • @superthread_devlog
      @superthread_devlog  8 месяцев назад

      We were running quill inside of superthread for a while but the community was a bit quiet at that time.

    • @sensei7022
      @sensei7022 7 месяцев назад

      Hi Moy, i was working on a similar project, how are you storing nested file and folders in db ?

  • @user-jk2gs6oq8l
    @user-jk2gs6oq8l 8 месяцев назад +1

    Hey, thank you for this super-detailed comparison and for the channel in general - great stuff :)
    I'm actually choosing the editor for the project I'm working on rn, so may I ask you - would you go with Lexical if you had a React codebase?
    I was thinking about it a lot but decided to stick with TipTap because of community / prosemirror being so mature / out of the box collaboration feature.
    Thank you and good luck to you and to Superthread.

    • @superthread_devlog
      @superthread_devlog  8 месяцев назад

      That would be for you to decide. One thing worth noting is that the creator of lexical was extremely responsive on twitter.

  • @mhaidarhanif
    @mhaidarhanif 8 месяцев назад +4

    Yes, TipTap has the best developer experience compared to the others.

    • @superthread_devlog
      @superthread_devlog  8 месяцев назад

      Our reasoning can be summed up here: superthreadnl.substack.com/p/how-we-implemented-tiptap-editor - but I would say that the others are good options too.

    • @mhaidarhanif
      @mhaidarhanif 8 месяцев назад

      @@superthread_devlog Thanks! Very in depth check list for comparison

  • @cocoiyeah
    @cocoiyeah 5 месяцев назад +2

    You should add: Blocknote Js. It's open source. Great docs.

  • @arihantsinghrana2173
    @arihantsinghrana2173 6 месяцев назад +1

    Thank you really needed this

  • @krike2315
    @krike2315 5 месяцев назад

    It would be interesting to know how you implemented dragging blocks as in notion?
    Is each block wrapped in some kind of drag-and-drop component? Or something built into TipTap is draggable: true?

    • @superthread_devlog
      @superthread_devlog  5 месяцев назад

      We made logic for displaying drag-handle next to the currently hovered block so it's draggable natively.

  • @noworkandallplay5662
    @noworkandallplay5662 8 месяцев назад

    Nice video, cool setup too!

  • @tim7517
    @tim7517 6 месяцев назад

    Thanks, my guy! We're looking to use TipTap too. Does it have real-time or asynchronous comments/versioning?

    • @superthread_devlog
      @superthread_devlog  5 месяцев назад +1

      They do a real-time collaboration as a service I think, we use YJS.

  • @Ilikecats_youtube
    @Ilikecats_youtube 16 часов назад

    What about Editor.js?

  • @rezatm235
    @rezatm235 7 месяцев назад

    Hello there and thanks for your helpful content !
    We had an existing editor which is build on top of Slate js .
    We make out mind to swich to another editor due to unfriendly slate js behavior .
    We are using react but i doubt about should we use TipTap or lexical
    Which one would you choose if you gonna develop in react ?

    • @superthread_devlog
      @superthread_devlog  7 месяцев назад

      They are all pretty good. We might have considered lexical had we not used VUE but as mentioned, they are all good options.

  • @sensei7022
    @sensei7022 7 месяцев назад

    Hey, Superthread look cool, could you please explain pros and cons of lexical.

    • @superthread_devlog
      @superthread_devlog  7 месяцев назад

      It's all in the video + there is a link to the table in the description.

  • @gorce_coder
    @gorce_coder 2 месяца назад

    How about Yoopta editor?👀

  • @cesargamer1231
    @cesargamer1231 7 месяцев назад

    How to implement image resize in tiptap? React pls

  • @Toulkun
    @Toulkun 6 месяцев назад

    All these are way too expensive

  • @Ss-zg3yj
    @Ss-zg3yj 28 дней назад

    TipTap is bad, almost everything is paid addons with horrible pricing.