bythewayitsjosh
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 6/23/2024 in #questions
trpc with Server Actions
@lanc3 so I believe you can use Tanstack Query with Server Actions, but obviously only from client. And I think in most cases where you wanted to fetch data that you owned, you can do that in better ways.
tRPC also provides a
react-query provider which will integrate the two and provide type safety, which I think can be used for the same reason.
I think my plan would be:
- Server components fetch data - direct calls to db.
- Server components mutate data - not sure if this is really a thing? But if so then server actions
- Client components fetch data - tRPC with react-query
- Client components fetch data - server actions, possibly wrapped in react-query for integration with the RQ cache.6 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/26/2024 in #questions
Is Tanstack Query needed when using Next Route Handlers?
Alright, makes sense. Thanks for the help.
14 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/26/2024 in #questions
Is Tanstack Query needed when using Next Route Handlers?
Presuming I have Route Handlers (which I think are App Router versions of API Routes), I should probably wrap them in TQ then?
14 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/26/2024 in #questions
Is Tanstack Query needed when using Next Route Handlers?
That's kind of my question. Is wrapping calls to my Route Handlers in TQ queries kind of pointless, given that the Route Handlers already have caching, revalidation etc. built in (or opt-in), or is there enough additional value in the TQ queries to make it worth it?
14 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/22/2024 in #questions
Choosing a React stack
Yeah absolutely, makes sense. I did just re-watch Theo's video where he basically says "It doesn't matter, just f***ing build something and learn what to do next time". Which is fairly valid. 😅
42 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/22/2024 in #questions
Choosing a React stack
I imagine at least part of that is familiarity, however I know what you're saying. It really does feel like Next is bulky, but I can't quite put my finger on why.
42 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/22/2024 in #questions
Choosing a React stack
That's kind of what I mean. It's about understanding when the additional complexity is worth the performance / DX / UX improvements etc.
42 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/22/2024 in #questions
Choosing a React stack
Me neither! There's no particular project on the go at the moment, but I don't want to have this discussion with myself / others when I do have something that I actually need to build. 😅
42 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/22/2024 in #questions
Choosing a React stack
That makes sense. However, to take one example, pretty much all applications would benefit from RSC in some capacity. It's about deciding when there's enough of a benefit to justify making Next the framework of choice. And the same can be said for most other aspects. Again, I don't want to kitchen sink.
42 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/22/2024 in #questions
Choosing a React stack
Amazing, thanks.
42 replies
TTCTheo's Typesafe Cult
•Created by sagnik on 4/20/2024 in #questions
resources to learn responsive css
I would highly recommend Kevin Powell's YouTube channel. The more you learn about CSS as a whole, the more you learn about Tailwind, and vice-versa.
7 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/22/2024 in #questions
Choosing a React stack
Yeah that's true. I remember in the Tanstack Router video, Theo points out it's not particularly useful for most Next applications, but is probably very worth considering for Vite projects. Which to me suggests that there are situations where Vite would be a good fit for the requirements.
42 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/22/2024 in #questions
Choosing a React stack
So you don't see any other technologies being a better fit somewhere between Astro and Next?
42 replies
TTCTheo's Typesafe Cult
•Created by oldspicebodywash on 4/22/2024 in #questions
What does data flow mean in the context of react props?
It's basically what it sounds like I think. You can pass props through to a component as a way of controlling the flow of data throughout your application (determining which components and therefore pieces of UI receive which pieces of data etc).
I think the key issue he had with the original answer was that props aren't just for passing data, they can also pass functions / callbacks, which are a way of supplying data to parent components.
6 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/22/2024 in #questions
Choosing a React stack
Yeah I've recently built something in exactly that. I guess I'm trying to more generally figure out what to consider in terms of a tech stack, given project X has Y requirements.
42 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/22/2024 in #questions
Choosing a React stack
Yeah I was thinking that.
42 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/22/2024 in #questions
Choosing a React stack
It's not so much rolling my own framework, I'm just hesitant to throw everything and the kitchen sink at a simple blog site. It's a sliding scale of complexity vs. requirements, and so there is presumably a middle point somewhere?
42 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/22/2024 in #questions
Choosing a React stack
Are there any situations where something like plain Vite would work? Something between the bells and whistles of Next but that requires more than the SSG of Astro?
42 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/22/2024 in #questions
Choosing a React stack
For sure, I perhaps forgot about that video (I'm pretty sure I've seen it before but it was a while ago). It's probably worth a re-watch with this question in mind though, thanks.
42 replies
TTCTheo's Typesafe Cult
•Created by bythewayitsjosh on 4/22/2024 in #questions
Choosing a React stack
Yeah I think Next is the 'default', but I feel like it can be quite heavy for smaller use cases (as you sort of hint at with the Astro comment). One thing I'm not entirely sure on is when to use Next vs something like Vite with React Router / React Query, and perhaps a backend-as-a-service offering like Supabase or Convex.
42 replies