Opens profile photo
Follow
Click to Follow trpcio
tRPC.io πŸ§™β€β™‚οΈ
@trpcio
Move Fast and Break Nothing. E2E typesafe APIs without schemas nor build steps. 🌟 25,000+ πŸ’¬ trpc.io/discord πŸ€“ github.com/trpc/trpc
tRPC.ioJoined January 2021

tRPC.io πŸ§™β€β™‚οΈβ€™s Tweets

Pinned Tweet
🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟 We have now passed 20,000 stars on GitHub!! πŸ“ˆπŸš€ 🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟
Quote Tweet
Wow this rocket is moving sooo fast! So many stargazers out here. Wonder what the next stop might be for @trpcio πŸͺπŸ”­ twitter.com/trashh_dev/sta…
Embedded video
0:05
7.3K views
5
125
A proof of concept using RSC and that automatically generates an end to end type safe form for a trpc end point where the dev simply has to provide the procedure path. There's no way building an end to end validated form can possibly get any easier than this: [1/2]
Image
10
107
Show this thread
yay, rich doesn't hate me πŸ’ž
Quote Tweet
Replying to @alexdotjs and @trpcio
yeah tRPC is in the clear! it doesn't fall afoul of the issues in the talk. it's not my personal cup of tea β€” SvelteKit's `load` functions give you server-to-client type safety with zero ceremony, for client-to-server i place a higher value on progressive enhancement (aka UX)
1
33
Congrats and all contributors for making it into the first cohort of the GitHub Accelerator. Well deserved πŸš€πŸŽ‰
Quote Tweet
Announcing the inaugural cohort of the GitHub Accelerator: 20 projects embarking on a 10-week journey to build a sustainable funding model. github.blog/2023-04-12-git
Image of Mona in an astronaut suit in space.
80
Alternatively, use tRPC and never think about query keys again
Quote Tweet
Problem: With react-query, we may declare inconsistent query keys. That leads to cache misses and duplicated cache entries. πŸ‘Ž Solution: 1. Wrap each useQuery call in a custom hook. Store the hooks in /hooks. 2. Put the fetch call in the custom hook. *Don’t export it*. 3.… Show more
Show this thread
// useProductQuery.js
import { useQuery } from "@tanstack/react-query";

// This fetch is deliberately NOT exported.
// This assures the hook below is the only way to fetch. 
async function getProduct(productId) {
  const resp = await fetch('/products/' + productId);
  if (!resp.ok) throw new Error("Failed fetch");
  return resp.json();
}

// Wrapping call to useQuery in custom hook
// This assures the query key is consistent
// This also avoids repeating boilerplate config.
export function useGetProduct(productId) {
  return useQuery({
    queryKey: ["products", productId],
    queryFn: () => getProducts(productId),
  });
}
8
186
Replying to
I am currently working on 3 projects with tRPC+mantine and everything works very smooth. Especially with v10 - I have the ease of the ideal workflow+callstack on both ends. In local development it is incredible accurate. Using vscode, the LSP works with ease.
1
6
for my money, Zod + + tRPC has been the best stack for building typesafe forms for nearly three years now what are the other challengers?
Quote Tweet
wow using zod (from @colinhacks), react-hook-form (@HookForm), @trpcio and @chakra_ui all together for the first time and it's absolutely incredible. building this thing I was like oh no, I've got to do forms and now I'm like I want more forms
17
187
query + πŸ’˜ Really didn't expect tRPC to have spread this much in the React Native community! 🀯 Is anyone here using tRPC with RN in prod? Would love to chat with you πŸ‘€ results.stateofreactnative.com/data-fetching/
Image
Quote Tweet
So cool to see @tan_stack Query and @trpcio showing up in State of React Native! πŸŽ‰ results.stateofreactnative.com/state-manageme
1
16
πŸ’₯ The video from our or event in London is out! beta.guild.host/presentations/ & cover _a lot_ from general usage to real-time data 🀯 Thanks to & for making it happen and to everyone that attended for making it awesome ❀️
2
50