NextJS 13 - Refactor a complete App to use the App folder and React-Query on the client

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

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

  • @avneet12284
    @avneet12284 2 года назад +1

    Wow, this is quite a change. I like it. Looks like they are taking a leaf out of Remix too

  • @aguirregabiriathomas6195
    @aguirregabiriathomas6195 Год назад

    I learned a lot. Here I am subscribed and follower on LinkedIn. Thanks Thomas !

  • @Billiam112
    @Billiam112 Год назад

    Great stuff. Glad I found a Swedish content creator on these topics. :) I'm transitioning from a Angular dev (for work) to React/NextJs for some hobby projects, so this is really nice to see! One question: What are you really using TanStack query for if we need to use the nextjs fetch?

    • @Weibenfalk
      @Weibenfalk  Год назад +1

      Great question =) This was just a "test" from my part ... when it was just released. For now, Tanstack Query is only client based. So it is useful if you have a lot of fetches that needs to be done on the client. I think a big pro with Tanstack Query is the caching part ... so you have to weigh in pros and cons.

  • @xice111
    @xice111 Год назад +1

    if you use usequery proveider as client component, will it impact on server fetching in children page?

  • @ToadyEN
    @ToadyEN Год назад +1

    Really useful video :) thank you!

  • @fahimulhoque9324
    @fahimulhoque9324 2 года назад

    Thank you so much. It's rally helpful and necessary.

  • @nako0215
    @nako0215 Год назад

    At the moment, type assertion is the only way to set a type on Next13?

  • @MasterQim
    @MasterQim Год назад

    amazing content! much appreciated

  • @JelteHomminga
    @JelteHomminga Год назад

    great vid! btw, which theme are you using?

  • @harrisonwinston2850
    @harrisonwinston2850 Год назад

    Hi, thanks for the video! What font do you use?

  • @heshamsaqqar142
    @heshamsaqqar142 Год назад

    Did you notice any performance improvements? We have similar app of yours image-rich type of and were thinking to take the step after the poor mobile performance score on 3G... thanks!

    • @Weibenfalk
      @Weibenfalk  Год назад +2

      tbh I haven't really measured. It was pretty fast before also =)

  • @primostasis
    @primostasis Год назад

    you use react query but you did not use the useQuery? if you tried it wont work

    • @Weibenfalk
      @Weibenfalk  Год назад

      I use useInfiniteQuery inside fetchHooks.ts

  • @ayepaiko
    @ayepaiko 2 года назад

    I'am wondering, does by wrapping ReactQueryWrapper make all children passed a client component instead?

    • @Weibenfalk
      @Weibenfalk  2 года назад

      The ReactQueryWrapper are doing just that ... wrapping the children with the queryClient so that React-Query can be used on the pages.

    • @JeremyStover
      @JeremyStover Год назад

      I am actually running into this issue now. Having queryclientprovider at the base makes all the children client side rendered

  • @johnkucharsky6927
    @johnkucharsky6927 Год назад

    Hi, where are you?

  • @abubakar-emumba
    @abubakar-emumba Год назад

    Hi Weibenfalk, no new videos coming from this channel, at least give a reply to this comment that you are fine.

    • @Weibenfalk
      @Weibenfalk  Год назад

      Hey and thanks ... I've just had to spend a lot of time on my day job, and my music. So hard to free time for my RUclips channel. But hopefully I'll come up with something in the near future.