Roboin Blog

X web app get much faster as migration to TanStack Router and Tailwind begins

パソコンの画面にReactのサンプルコードとそのプレビューが表示されている写真

X has adopted modern web technologies such as TanStack Router, Tailwind, and SSR for its web app, and the change has cut page load times.

X has rolled out the change to logged-out pages, and the company may apply it to logged-in pages in the future.

Advertisement
Table of Contents

X changes its web tech stack

Hong Kong technology blogger Jane Manchun Wong posted that X is replacing the code for its web app and has started rolling out the new architecture on logged-out pages.

In the post, Wong said the new web version of X uses TanStack Router and Tailwind, along with modern web technologies such as SSR streaming, Vite, Rolldown, and ES Modules.

I checked the source code of X while logged out and found class names in the frontend HTML that appear to come from Tailwind, matching Wong’s claim.

While X still uses its previous tech stack when a user is logged in, pages loaded at once in a mobile browser while logged out, with no loading screen.

X’s previous web frontend used React Native for Web and also used React Router components.

Advertisement

Yagiz Nizipli, who works on X’s web frontend, said X uses TanStack Router and SSR in the new architecture.

Dominic Gannaway, an engineer at OpenAI, also posted that he hopes X stops using the deprecated and unsupported Draft.js for its editor.

Nizipli replied, “it’s on my agenda,” signaling that he wants to review the editor’s tech stack.

My analysis

X is a large and complex system, so the company faces a difficult job in changing the core tech stack.

I believe X started the migration with logged-out pages because those pages do not need logged-in features, which makes the migration cheaper.

Advertisement

X may move logged-in pages to the new tech stack in the future.

Zach Warunek, an X employee, said, “I’m at the point where I just share an 𝕏 post bug report with my agent on X Chat and an hour later there’s a PR for me to look at.” I think advances in AI likely helped X move to the new tech stack.

In early June, Nikita Bier, X’s head of product, said the company would soon release a version of the web app that reduces load times by 90%.

At the time, Nizipli also posted a video comparing the new version with the old version on a slow 4G connection. The video showed a profile page load time dropping from about 18 seconds to about 5 seconds.

Verification details and sources

Verification environment

  • OS: Android 17
  • Device: Google Pixel 8
  • Browser: Firefox Nightly v154.0a1

Verification details

I confirmed that the logged-out web version of X includes class names that appear to come from Tailwind. I also confirmed that logged-out X pages appear at once in a mobile browser.

Last verification date

Advertisement

Share this article

Share on XShare on BlueskyShare on MisskeyShare on LINEShare on Threads

Follow us for updates

Adding us to your preferred sources on Google makes it easier to find our articles on Google. Also, be sure to follow us on X and our RSS feed.

Add as a preferred source on GoogleAdd as a preferred source on GoogleX Logo
Advertisement
著者のアイコン画像

I've been using JavaScript more than my native language since birth. I am nowhere and everywhere on the internet.

I build web apps and browser extensions in TypeScript as a web frontend programmer. I released Shadowban Scanner, a tool that detects shadowbans on X, and Restore Link Card, a tool that brings back link cards. Media outlets in Japan and abroad covered both tools. For iGEM 2023, I built the Wiki for Team Japan-United and helped the team win the Grand Prize. On my blog, I cover news about X and social media, test and troubleshoot bugs, and share frontend development insights.