Follow
Click to Follow alexdotjs
Alex / KATT 
@alexdotjs
I'm Alex & I tweet about web dev stuff.
Creator of (
25k+).
Open-sourcerer & fully-stacked typescripter.
Speak 
Alex / KATT ๐ฑโs Tweets
Great idea, rewrite a full working product that works well and is making millions in a technology wherein few, if any, in the team has strong expertise because it's sexier(?)
4
33
Show this thread
Talked to a friend the other day who works at a company where some tech leads are lobbying that the solution to their recruiting problems is to migrate their whole tech stack from Vue to React ๐คฆโโ๏ธ
Quote Tweet
What happened to the "choose boring tech" movement?
Show this thread
18
7
118
Show this thread
Tweet a random picture from your phone with no explanation
Quote Tweet
Tweet a random picture from your phone with no explanation twitter.com/themarcba/statโฆ
4
4
21
new (unstable for now) tRPC feature that I'm excited about: you can stream responses to batched requests
4
4
67
yooo! Is anyone using tRPC with React Native who wants to beta test a feature that can help you track API changes?
@ me on Discord (trpc.io/discord) :)
6
2
36
An update on this ๐๐
Here's an example of a React Query client that fetches data as you render on the server and streams it to the client
2
2
40
Show this thread
Acme Corp is coming together pretty nicely. Always a joy to work with UI and thanks to my fully custom flows are moving along!
18
18
247
many ways to support fellow open source projects:
become a paying customer, contribute, share, upvote, invest!
1
15
Show this thread
๐ฏ
Quote Tweet
if I was doing coding interviews I would let the candidate do literally whatever the fck they wanted to do to get the answer, as long as the code runs and they have somewhat of a grasp of how it works
google, stack overflow, chatgpt, github, name it
if someone is fast, correct,โฆย Show more
Show this thread
16
Me and are hacking on automatic hydration for server-rendered "use client"-components component by generating a `<script>`-tag on the server that gets picked up by the browser
GIF
read image description
ALT
12
4
92
Show this thread
โฅ
Quote Tweet
Y'all are missing a huge, well deserved nominee for github stars and that's @alexdotjs.
Just saying @trpcio revolutionised an aspect of web dev and it made our lives easier, and this guy is a factor why I landed my first job, his impact on our community can't be understated 
26
Quote Tweet
HOLY SHIT
@nextjs / @vercel is using synclinear.com for their GitHub tickets
check this out: github.com/vercel/next.js
Show this thread
4
38
Just shipped a starter template for TypeScript libs featuring and Changesets as well as some pretty nice Github Actions workflows to automate the release flow w/ support for canary releases with a single click. Check it out: github.com/juliusmarminge
14
17
226
Show this thread
I often build schemas based on interfaces from libraries etc - is there a nice utility for that?
I spent a few minutes doing this but I think the error messages could be more contextual
typescriptlang.org/play?#code/JYW
15
4
79
My #1 fav thing about serverless tho is that my shitty code won't crash the app for many users by am uncaught exception or memory leaks.
So I guess what I really want is Apache for node
1
Show this thread
Also, I bet vercel will have a autotoscaled "serverful"(?) offering within a year (with sexy branding)
9
19
Show this thread
Ok, come at me
Quote Tweet
Replying to @AdamRackis
Confession: I am not a big fan of serverless but I barely dare tweeting about it
10
1
39
Show this thread
Unfortunately, I've made a lot of them since this
Quote Tweet
I would reaalllyyy not complain if I never had to make nor integrate another custom date
/phone
/card
/autocomplete
input again in my life
/phone/card/autocomplete input again in my life1
1
18
25.000โญ๏ธ and still going. Thank you all ๐
6
8
148
Is there a way to throw errors in server actions and propagate them to the client?
6
33
UploadThing is now LIVE! We worked hard to make file uploads as easy as possible for TypeScript devs.
I think we did it.
uploadthing.com
64
97
848
Show this thread
Quote Tweet
Replying to @jaredpalmer and @vercel
S3 but nice to use
2
2
59
In case you didn't know, you get batching automatically with trpc ๐
1
1
43
I want to say that an array satisfies an array of type X.
What I'm missing here to get the behavior of `as const` + `satisfies X`?
typescriptlang.org/play?noUncheck
14
3
94
๐ฟ going on stage in a few minutes to show how to Move Fast And Break Nothing with here at
1
3
14
Show this thread
Congrats and all contributors for making it into the first cohort of the GitHub Accelerator. Well deserved ๐๐
6
80
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
read image description
ALT
22
130
538
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
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 moreShow 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),
});
}](https://pbs.twimg.com/media/FtWikflWIAMDzpJ?format=jpg&name=medium)
read image description
ALT
8
9
187
Working hard as diligently ever to make sure you check out and promoting a healthier relationship with , it's !
Bonus pics in the reply.
1
3
11
Show this thread
This guy rocks ๐ค
read image description
ALT
4
4
91
Show this thread
