How Remix solved React’s client state management problem

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

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

  • @NiyazPuzhikkunnath
    @NiyazPuzhikkunnath 9 месяцев назад +11

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

  • @BeeBeeEight
    @BeeBeeEight 9 месяцев назад +40

    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 Месяц назад

      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 17 дней назад

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

  • @opswithtaen
    @opswithtaen 9 месяцев назад +6

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

  • @Kisovn
    @Kisovn 4 месяца назад +5

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

  • @taquanminhlong
    @taquanminhlong 9 месяцев назад +11

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

  • @patrickjreid
    @patrickjreid 4 месяца назад +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.

  • @vijayfrontend
    @vijayfrontend Месяц назад

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

  • @EmiliaKaida
    @EmiliaKaida 3 месяца назад +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 😁

  • @christosziogas1733
    @christosziogas1733 15 дней назад

    Great video, you are gifted on explaining things

  • @al3030
    @al3030 Месяц назад +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!

  • @jackie.be3
    @jackie.be3 9 месяцев назад +1

    We need more videos like these!!!

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

    Thank you for talking about this topic ❤

  • @LeoMiranda
    @LeoMiranda 3 месяца назад +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.

  • @crisuar1989
    @crisuar1989 Месяц назад +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!

  • @luizgrocco
    @luizgrocco Месяц назад +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 Месяц назад

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

  • @Adityacode
    @Adityacode 4 месяца назад +1

    Remix is just underrated ❤

    • @justin.johnson
      @justin.johnson Месяц назад

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

  • @not_a_human_being
    @not_a_human_being Месяц назад +3

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

    • @onlywei
      @onlywei Месяц назад +1

      Vs Astro

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

    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 ?

  • @sourabhsingh4515
    @sourabhsingh4515 Месяц назад

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

  • @tmanager5574
    @tmanager5574 9 месяцев назад +2

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

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

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

  • @gyros9162
    @gyros9162 19 дней назад

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

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

    Useful video, thanks!✨

  • @JR-hb6jr
    @JR-hb6jr 6 месяцев назад

    Thanks, Great explanation.

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

    why is it better than using react lazy components ?

  • @jeniamtl6950
    @jeniamtl6950 Месяц назад

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

    • @justin.johnson
      @justin.johnson Месяц назад

      Weirdest comment ever

    • @loquek
      @loquek Месяц назад

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

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

    Nice explanation

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

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

  • @haseebarshad7451
    @haseebarshad7451 4 месяца назад

    Do remix vs next js next

  • @justin.johnson
    @justin.johnson Месяц назад

    F Next, Remix is King 😂

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

    Remix is amazing

  • @gogdarag
    @gogdarag 9 месяцев назад

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

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

    I love you

  • @timmy-ru9ow
    @timmy-ru9ow 7 месяцев назад +2

    Library number 109,877 that fixes react state 🤘

  • @sakshamgairola7514
    @sakshamgairola7514 7 месяцев назад +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 Месяц назад +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 Месяц назад +1

      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 Месяц назад

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