Thomas

Co-founder @ Shopify Expert
🧑‍💻 Web developer
🔨 Building Fluid, an open source Shopify Hydrogen theme

[Thomas @klausify]

Introducing: Fluid 🚀

A @Shopify Hydrogen theme designed to easily ship headless storefronts.

✏️ Live content updates with @sanity_io
🌐 Support multi countries & currencies
💿 Built with @remix_run
🎨 Designed with @tailwindcss + @shadcn + @radix_ui

[Thomas @klausify]

@garysheng @tonysheng @msukkarieh1 Work work

[React Router @ReactRouter]

React Router now has support for React Server Components

We're introducing a more powerful RSC-powered Data Mode that brings most of Framework Mode's features to our lower level library APIs

[Wes Bos @wesbos]

🤯 How am I just finding out about display: contents;

Suuuuper handy for CSS Flexbox + Grid where the children aren't direct descendants.

[Adam Wathan @adamwathan]

🔁 The Tailwind Labs algorithm…

1️⃣ Design and build cool websites for Tailwind UI.

2️⃣ Pause any time it's annoying, improve Tailwind or Headless UI to make it easier.

3️⃣ Extract components from website and add to Tailwind UI.

Repeat until so bored want to quit tech.

[Thomas @klausify]

@_paul_phan Does Biome have a prettier-tailwind equivalent?

[Thomas @klausify]

@gilgNYC A Hydrogen + Sanity theme 👉 https://t.co/yMApIFKgU4

[Thomas @klausify]

@adamwathan Sanity 🤘

[Devon Govett @devongovett]

Over-engineering is such a huge problem in our industry. It's kind of incredible how often I look at projects that have so much unnecessary complexity, over-abstraction, etc. that makes it impossible to understand.

Simplicity is a feature. Showing how smart you are is not.

[Thomas @klausify]

@spaghetti_emoji @Shopify Have you found the easter egg? 👀

[Shopify Developers @ShopifyDevs]

The latest Hydrogen updates just dropped. Here are the headlines:

An improved Shopify Analytics DX. This includes built-in support for our Customer Privacy API. The new useAnalytics hook can also subscribe to events and fire them off to your third party integrations.

Vite support is now stable. Leverage 10x faster hot module replacement and a large ecosystem of Vite plugins.

Full page caching with Oxygen. Load static pages (like blog posts, store locators, and "About Us" pages) in mere milliseconds.

New Customer Account API tooling. Use a built-in client to interact with the Customer Account API and enjoy automatic SSL tunneling in the Hydrogen CLI.

Read up on these updates and more at https://t.co/XFMFKMcetn.

[Thomas @klausify]

@supabase 👁️⚡👁️ https://t.co/JRBXFwW93r

[Supabase @supabase]

Win these AirPods Max by sharing your @supabase ticket as a reply 👇

[Brooks Lybrand @BrooksLybrand]

I learned a good tip from @ebey_jacob about improving our HTTP caching

I also broke https://t.co/S9KbiMgt1a

[Thomas @klausify]

@simeonGriggs It’s awesome thanks for sharing!

[Thomas @klausify]

@blanklob It’s weird cause Hydrogen runs on a worker and the react loader works perfectly when I don’t use Vite

[Thomas @klausify]

@zia_webdev @Shopify @sanity_io @remix_run @tailwindcss @shadcn @radix_ui If you’ve never used Hydrogen before, I suggest you start with Shopify’s docs:
https://t.co/zU4ka0yoUK

[Thomas @klausify]

Introducing: Fluid 🚀

A @Shopify Hydrogen theme designed to easily ship headless storefronts.

✏️ Live content updates with @sanity_io
🌐 Support multi countries & currencies
💿 Built with @remix_run
🎨 Designed with @tailwindcss + @shadcn + @radix_ui

[Thomas @klausify]

@benjaminsehl @Shopify @sanity_io @remix_run @tailwindcss @shadcn @radix_ui Thanks Ben!

[Thomas @klausify]

@zia_webdev @Shopify @sanity_io @remix_run @tailwindcss @shadcn @radix_ui Could you elaborate on why Remix is complicated? It’s basically React enhanced with server loaders/actions + react router api

[Thomas @klausify]

@zia_webdev @Shopify @sanity_io @remix_run @tailwindcss @shadcn @radix_ui Remix is react, and Hydrogen is built with Remix