Using GraphQL queries in Remix loader functions | Call Kent Podcast

50.Why are you programming in VScode?

07:22

49.Remix: ways around window undefined

05:42

48.Testing a graphical component

03:21

47.Will there be a KCD Trilogy? (Yes)

06:17

46.How do you automate KCD?

12:48

45.Question about testing a reusable component

07:01

44.Full Stack Developers... Why?

07:18

43.Mantine's callback with Remix's ActionFunction

05:21

42.How do you convince your team to use E2E?

05:03

41.Migration from React/Rails hybrid to Remix

10:32

40.Do you have any thoughts on Playwright?

04:30

39.Using cookie/privacy policies on personal websites

06:13

38.Leveling up your career while putting family first

07:02

37.Live loading data with remix

05:28

36.Using VPN during software development

03:38

35.Why is there so much hate regarding React lately?

17:24

34.Decomposing remix component

06:15

33.Jump from mid level to senior react developer

08:04

32.React app doesn't work on IE11

05:47

31.Using userEvent vs fireEvent

05:16

30.useMemo vs React.Memo when it comes to JSX

04:46

29.How to build a committed following

07:13

28.Learning Frontend Architecture

04:11

27.Querying the data in nested routes

24. Tests for accessible error messages

03:39

23.Asserting props.onClick in react-testing-library

05:36

22.CatchBoundary on empty datasets

11:00

21.Remix Anti-patterns

04:34

20.Why Framer Motion for Animations

02:38

19.Lack of experience when problem solving

07:18

18.How to identify which button submits a form

03:30

17.Thinking process when reviewing code

06:33

16.Do you read the React source code?

04:23

15.Isolate FE and BE apps vs Remix Full Stack

03:54

14.Using Remix with a custom backend (Nestjs)

07:26

13.Feedback speed in TDD

04:55

12.Understand what's effect and what is derived state

06:27

11.Order of Courses to Take

05:24

10.State bloating vs api call (again and again)

06:40

09.Separation of rendering vs logics custom hooks

04:47

08.Imposter Syndrome and Working at FAANG

07:03

07.In a Startup only testing in the backend?

04:20

06.Using GraphQL queries in Remix loader functions

03:36

Keywords

remix, nextjs, loader

Description

Hey Kent! We've been using Hasura to generate CRUD APIs for our small team. Our existing web applications are all using Next.js, and consume the GraphQL API via Apollo Client and TypeScript hooks generated from the remote schema using graphql-code-generator. This workflow has saved us a lot of time, particularly in API development, and I love the generated type-safe hooks. After watching your new Remix content, we're very excited to try Remix as an alternative to Next, mostly to leverage the performance benefits and the effortless error boundaries within nested routes. Do you have some best practices for utilizing GraphQL queries in Remix loader functions? It would be great for us to continue to take advantage of code generation, if possible. Thank you so much!

Links: