TTC
Theo's Typesafe Cult•12mo ago
rasib

Why does the official Twitter website look so different on mobile?

So I recently completed theo's Twitter clone tutorial and wanted to go a bit further make the project look more like twitter.com. I noticed something. It seems like Twitter serves a different site to mobile user than on PC. How does that work? Can I set something like that with t3-stack? Also, do you think they use state hook for the " ... " Collapsing of names and @handles? Not needed but github link: https://github.com/Rasib0/chirp/
GitHub
GitHub - Rasib0/Chirp: A twitter clone where you can only tweet usi...
A twitter clone where you can only tweet using emojis! - GitHub - Rasib0/Chirp: A twitter clone where you can only tweet using emojis!
Solution:
So I recently completed theo's Twitter clone tutorial and wanted to go a bit further make the project look more like twitter.com. I noticed something. It seems like Twitter serves a different site to mobile user than on PC. How does that work? Can I set something like that with t3-stack? Also, do you think they use state hook for the " ... " Collapsing of names and @handles? Not needed but github link: https://github.com/Rasib0/chirp/...
GitHub
GitHub - Rasib0/Chirp: A twitter clone where you can only tweet usi...
A twitter clone where you can only tweet using emojis! - GitHub - Rasib0/Chirp: A twitter clone where you can only tweet using emojis!
Jump to solution
2 Replies
gxp91
gxp91•12mo ago
The easiest way to serve different apps to different devices is to actually configure it at the load balancer based on incoming device. Doing this in code can make your code base look super messy.
.traevelliath
.traevelliath•12mo ago
>Also, do you think they use state hook for the " ... " Collapsing of names and @handles? I think they use 3 simple css rules: { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
Want results from more Discord servers?
Add your server
More Posts
Request and update as the server comes alongSo, I have a scenario in which I have a list of currencies, like `["USD", "EUR", "BRL"]` etc, that hCan't resolve 'fs' but in an API route???Any idea why this error is occuring? I thought all api routes are node compatible... ``` Module not React Query cache is not working?I started a new t3-turbo-app project then added refetchInterval: 1000 in the post router to update using zact with react-hook-form issues errorhello. when I try to call a server action wrapped in zact like so, I am getting this error: `- errorWhat's the reason for having the prisma singleton in the context?On the t3 Stack homepage it says the following: > We include the Prisma Client in Context by defaultSizes prop in the <Image/> componentI've always been using the <Image> component with the fill prop, but I've never used the sizes one: Preact Error on next 12On next 12, I tried to switch to Preact, using the following guide: https://reacthustle.com/blog/howHow to add Many to Many relation fields in `z.object` and how to write procedure for it ?I have created these two models ``` model Category { id String @id @default(cuid())