Remix Single: Concurrent Mutations w/ useFetcher

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ก.ย. 2024
  • While Remix and browsers model mutations as form navigations, `useFetcher` allows you to get the same programming model without causing a navigation. This allows apps to add pending and optimistic UI to multiple elements at the same time. Concurrent Mutations!
    Learn more at remix.run

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

  • @josephgreve5101
    @josephgreve5101 ปีที่แล้ว +18

    Please never stop making these. They are SO incredibly helpful.

  • @DEV_XO
    @DEV_XO 2 ปีที่แล้ว +8

    Im happy to be part of this, specially with amazing people like you!
    Remix is so cool! ❤

  • @TEMISsX
    @TEMISsX ปีที่แล้ว +3

    Hi,
    I just started using Remix after working with 'vanilla' React for 3 years now, and I like it very much, more than what I've been able to test with NextJS (which is also good too)
    Please keep working on this tool it's super good, full committing on it and pushing it at the office 💪

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

    Ryan, you are amazing at explaining things. Never stop!

  • @sumantturlapati1889
    @sumantturlapati1889 2 ปีที่แล้ว +10

    interesting. you mentioned remix fetches all the routes after the mutation to keep them in sync. is there s way to tell remix to not fetch some routes because a) one of the routes might be expensive and/or b) I know for sure there is no dependency with this mutation so I don't want that call to be made. or did I just completely misunderstand this concept?

    • @blade2663
      @blade2663 2 ปีที่แล้ว

      I had the same question in mind!
      I think if u are using a seperate rest server u can handle cahcing on the expensive routes there

    • @techytimo
      @techytimo 2 ปีที่แล้ว

      Had the same question in mind. How do you prevent remix from refetching data for some components that you think are unrelated to the mutation you made. Actually I wish you could decide what you want to be refetched after the mutation.

  • @RolandAyala
    @RolandAyala ปีที่แล้ว

    Thanks for this video -- it does a great job of showing how Remix addresses UX details that are a struggle or pita to get right in other frameworks (at least in my experience).

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

    'useTransition' is now called 'useNavigation' to not conflict with React 18th 'useTransition'

  • @afsahnasir9889
    @afsahnasir9889 2 ปีที่แล้ว

    Thanks Jim Carrey! Awesome tutorial!

  • @kennycrosby774
    @kennycrosby774 2 ปีที่แล้ว +1

    RIP Aunt May

  • @rodyguzman9654
    @rodyguzman9654 2 ปีที่แล้ว +4

    Is there a pattern for infinite scrolling in Remix?

    • @Remix-Run
      @Remix-Run  2 ปีที่แล้ว +8

      fetcher.load()

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

    thank you so much

  • @MateuszWszola
    @MateuszWszola 2 ปีที่แล้ว

    Awesome video! Keep up the good work!

  • @SumitSingh-c8n
    @SumitSingh-c8n 2 หลายเดือนก่อน

    how to get the data from dynamic generating input fields :]

  • @liviuzachin643
    @liviuzachin643 2 ปีที่แล้ว +1

    is there a nice way to mutate form data on client/browser side before submission without using fetcher?

  • @anythingforweb
    @anythingforweb 2 ปีที่แล้ว +1

    Nice videos! Is the code hosted somewhere online? Next step would be to handle multiple submit requests for adding a person. Looks similar to the delete thing, but not sure how the optimistic ui will work there.

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

    Thanks a lot....

  • @shaunpx1
    @shaunpx1 2 ปีที่แล้ว

    I'm currently designing architecture for an enterprise application that has a dashboard, heavy form loads and user input/data. My question is can Remix handle an application of this nature with multiple users parsing the server at 8nce? I'm trying decide between Remix and React. I l8ve the feature this framework offer but just not sure if the resources to scale would be greater with Remix? Also is there ability for client side rendering in Remix. Can I build reusable components that are rendered on the client?

    • @nikshirobokov
      @nikshirobokov 2 ปีที่แล้ว

      I have a Remix project. This pull ups from React most important things: JSX, useEffect and refs. No need more. The Remix makes for you: meta tags, forms, parallel data loading and much more. So. You can reuse components same as React. Or. You can develops REST API even and use this with other applications.
      I use this with Postgres. That's works fast.
      I hope, this useful for you.
      A new religion :)))

  • @fabischkamau
    @fabischkamau 2 ปีที่แล้ว

    Is there a way remix can keep in sync with the database in the loader function, like in a social media application where posts keeps getting added every second by different users?

    • @Glinkis
      @Glinkis 2 ปีที่แล้ว +2

      @@the_dijkstra not if you use caching properly.

  • @john_ryan_nyc
    @john_ryan_nyc 2 ปีที่แล้ว

    I assume this is handled - but how does useFetcher handle the case where JS hasn’t loaded? Just a regular navigation form?

  • @tonybrown7847
    @tonybrown7847 2 ปีที่แล้ว +1

    Would be nice to have the code

  • @eleah2665
    @eleah2665 ปีที่แล้ว

    Is the code for this available somewhere?

  • @jimmytango
    @jimmytango 2 ปีที่แล้ว

    When’s the Udemy course?!!