How Remix solved React’s client state management problem

Поділитися
Вставка
  • Опубліковано 28 гру 2024

КОМЕНТАРІ •

  • @NiyazPuzhikkunnath
    @NiyazPuzhikkunnath 11 місяців тому +11

    Excellent video. The clear title, helpful diagrams and explanation makes the subject very clear. Wish more tech videos were like this.

  • @BeeBeeEight
    @BeeBeeEight 10 місяців тому +43

    I feel like somehow remix has implemented its own version of server components that is slightly more lean compared to nextjs.

    • @coder_one
      @coder_one 3 місяці тому

      There is no such thing as "nextjs server components". Next.js has implemented React Server Components. Remix will also implement them once React 19 comes out.

    • @arfaahmed7306
      @arfaahmed7306 2 місяці тому

      Yes, doing the same as what React 19 provides with React Server Components and Server Actions.

  • @Kisovn
    @Kisovn 6 місяців тому +5

    The greatest intro to Remix in the history of mankind, you are so good at explaining concepts!

  • @opswithtaen
    @opswithtaen 11 місяців тому +6

    Excellent video. Keep up your good work for the community. All the best.

  • @taquanminhlong
    @taquanminhlong 11 місяців тому +11

    That's why i love Remix, never have to use any React Context anymore

  • @patrickjreid
    @patrickjreid 5 місяців тому +1

    This was a fantasic video!!! Sad to see that you aren't creating much content as this quality was top notch. Gonna subscribe just in case.

  • @christosziogas1733
    @christosziogas1733 2 місяці тому

    Great video, you are gifted on explaining things

  • @maskman4821
    @maskman4821 10 місяців тому +1

    Thank you for talking about this topic ❤

  • @vijayfrontend
    @vijayfrontend 2 місяці тому

    The way you explain the remix I wish I found same tutorial on Nextjs wow 🤯

  • @jackie.be3
    @jackie.be3 11 місяців тому +1

    We need more videos like these!!!

  • @EmiliaKaida
    @EmiliaKaida 5 місяців тому +4

    Could you please do a comparison of Remix with Nextjs?
    Like, in this video, I can see improvement made by Remix compared to traditional React + API but I wonder what's the difference with Next.js (it's a popular framework so it should somehow do pretty well in the state management department, no?)
    Thanks 😁

  • @crisuar1989
    @crisuar1989 3 місяці тому +1

    Based on how simple you managed to explain the functioning of Remix, it looks far more straightforward than Next.js!
    Awesome video bro. You made me want to give it a try!

  • @al3030
    @al3030 3 місяці тому +1

    This what nextjs used to have getserverside props. It took me a while to understand and then they changed the data loading and mixed server and client!

  • @LeoMiranda
    @LeoMiranda 5 місяців тому +1

    Since I already have the data updated in the local state, what is the advantage of giving a GET again after a POST? Wouldn't it be a waste of resources to hit the API unnecessarily? I'm having this problem with Remix, I've been using the shouldRevalidate function to manage this, but I don't know if it's the best solution. I still miss a local state using Remix.

  • @MichaelCampbell01
    @MichaelCampbell01 Місяць тому

    How does the loader know that the data it's supposed to load was actually modified by the action? Like, that that specific action modified data that the loader would need?

  • @abishektamilan9733
    @abishektamilan9733 29 днів тому

    nice content bro subscribed! I HATE REDUX, TANSTACK make more vid like this brotha

  • @rollotomasi1832
    @rollotomasi1832 4 місяці тому

    Useful video, thanks!✨

  • @luizgrocco
    @luizgrocco 3 місяці тому +1

    What about mutations in this page's component that actually affect different pages and not the one we're currently at? Will those be invalidated also? Is there a mechanism to do this?

    • @geekofia
      @geekofia 3 місяці тому

      Yes, all loaders are revalidated and you can import a specific loader in few other routes to consume the same data at different place

  • @tmanager5574
    @tmanager5574 10 місяців тому +2

    How it's different from. RSC's and server actions. I want to create mental picture.

    • @safarl45
      @safarl45 8 місяців тому

      It’s more like old school PHP with a controller / view with file based routing

  • @JR-hb6jr
    @JR-hb6jr 8 місяців тому

    Thanks, Great explanation.

  • @gyros9162
    @gyros9162 2 місяці тому

    We still need client state for many other things, we still need Context API to pass this through components

  • @Adityacode
    @Adityacode 5 місяців тому +1

    Remix is just underrated ❤

    • @justin.johnson
      @justin.johnson 2 місяці тому

      I have a tattoo of it, it's that serious

  • @samoniumuziejus
    @samoniumuziejus 3 місяці тому

    It works exactly like react query... so it makes additional calls to rehydrate after that form post happened ? What if I had 5 more such rehydrations in different places around the app ?

  • @not_a_human_being
    @not_a_human_being 3 місяці тому +4

    It's NOT React VS Remix. It's Remix VS Next.js. You're missing the point completely!

    • @onlywei
      @onlywei 3 місяці тому +2

      Vs Astro

  • @vishnumanikantan8213
    @vishnumanikantan8213 9 місяців тому

    Nice explanation

  • @MartynasCepauskas
    @MartynasCepauskas 3 місяці тому +1

    why is it better than using react lazy components ?

  • @abbaskareem5281
    @abbaskareem5281 8 місяців тому

    so if I have paginated data does remix will revalidate all the pages ?

  • @haseebarshad7451
    @haseebarshad7451 6 місяців тому

    Do remix vs next js next

  • @jeniamtl6950
    @jeniamtl6950 3 місяці тому

    So remix is running on the server and serving the API? I don't get it :( I want to write my API in Go or Python...

    • @loquek
      @loquek 2 місяці тому +1

      Keep learning! You can definitely write your API wherever you want and consuming it in Remix, or Svelte or Solid etc...

  • @gogdarag
    @gogdarag 11 місяців тому

    Hi great video. Can you provide the colorful remix logo to download. Thanks.

  • @safarl45
    @safarl45 8 місяців тому

    Remix is amazing

  • @milandjuric9170
    @milandjuric9170 4 місяці тому

    I love you

  • @Crypto_Block_
    @Crypto_Block_ 16 днів тому

    Remix js is faster than next js. my personal experience

  • @timmy-ru9ow
    @timmy-ru9ow 9 місяців тому +2

    Library number 109,877 that fixes react state 🤘

  • @sourabhsingh4515
    @sourabhsingh4515 3 місяці тому

    Why are you still using react query with redux instead of libraries like jotai and zustand

  • @sakshamgairola7514
    @sakshamgairola7514 9 місяців тому +2

    Wake up babe another framework dropped claiming to fix yet something in React.
    On a side note interesting will try this with my new POC

  • @aryankalra5640
    @aryankalra5640 3 місяці тому +1

    Remix is way slower than react, I've worked in both framework and trust me I was tasked to migrate all the code from remix to nextjs ended up in faster initial load time with better response time

    • @coder_one
      @coder_one 3 місяці тому +2

      If you are comparing Remix with React by writing that Remix is way slower than React, it means you have no idea what you are writing about.

    • @aryankalra5640
      @aryankalra5640 3 місяці тому

      ​@@coder_one your comment makes me think you've never worked with react before and create the same project on remix

    • @HarshShah465
      @HarshShah465 Місяць тому

      Why was it slow?