Phuoc

@javivelasco Interesting approach. I made a lib that handles theming specifically, which solves the same underlying hydration mismatch issue in a different way. github.com/universse/reso…

I shipped a small module that I'd have found super useful in past projects. In Next.js RSC apps, sometimes you have a dynamic value that conditions your layout, think of sidebar width, show/hiding sections or dark mode. If you opt into dynamic rendering for this, you lose PPR. This module solves that by reading cookies and setting CSS vars before first paint, avoiding hydration mismatches while keeping your page static. ~230 bytes. Example: …hydrate-next-resizable-sid.vercel.app And repository: github.com/javivelasco/re…

@neondatabase @tailwindcss http://localhost:3000

🚀 @tailwindcss makes the web more beautiful and more fun to build. Reply with your site, if it's really ugly we'll buy you Tailwind Plus

@semdzh @tan_stack layout route is useful as you don't need to repeat the logic across multiple protected routes. your solution is perfectly fine.

Is it okay to protect _authed/dashboard with beforeLoad directly in its own route.tsx, rather than doing the auth guard in the parent _authed.tsx layout route like the TanStack Start examples do?

@steveruizok @clerk check out scule as well

sick type @clerk

@tannerlinsley @tan_stack @astrodotbuild does it support streaming?

You may *think* this is just @Tan_Stack Start's default demo app, and you'd be right... But it's inside @astrodotbuild

@kyliestew automatic generation of Early Hints headers

we’re bringing all the features you love about pages to workers 👀 any guesses for what’s next?

@DavidKPiano why not just write CSS at this point, since these go against Tailwind's value prop, such as no cascading, no naming (eg data-avatar), small bundle size (more unique classnames)

Coming from CSS, I really appreciate how Tailwind gives you utilities to style direct children, all descendants, arbitrary variants, and more *:style (direct children) **:style (descendants) [&.selector]:style (arbitrary variants) Really flexible!

@ryanflorence pass the 1st select's value as key to the 2nd

Simple interaction: one select changes the options of a second with a remote data source How would you build it? How do you deal with race conditions?

@gunta85 @FredKSchott @astrodotbuild @tan_stack it's achievable github.com/universse/astr…. first class integration would make it even more seamless

@FredKSchott I agree. I'd love more integration, like router-level. This SSG path goes to Astro, this SPA path to TanStack, etc. @astrodotbuild should wrap @tan_stack

Cloudflare's blog post on this nails it IMO and is a huge validation on the original idea behind Astro: Client-side SPAs are great for dynamic, complex web apps. Tanstack is a joy to use. It pairs great with Astro when you need dynamic content (dashboards, search pages, web apps, etc). I genuinely love it. Client-side SPAs fall apart for high-performant content sites. Too much JavaScript, poor performance, poor SEO, etc. Content fails when you treat it like a big application! Older JavaScript frameworks tried to solve this by throwing complexity at the problem. SSR, ISR, PPR, client/server components, Isomorphic rendering... but complexity comes at a cost, and we're still here waiting for some of these promised solutions/bets to pay off. The reality is that client-side SPAs are actually great! Simplicity is a strength! A great web app built with Tanstack Router + local-first Tanstack DB will feel faster than any server-rendered application. The performance and complexity cost of adding SSR to a web app isn't always worth it. Astro and Tanstack are two sides of the same coin. We have our strengths and weaknesses, but together both cover the entire spectrum of what you might want to build on the web.

@jherr @tan_stack @astrodotbuild github.com/universse/astr… 👀

. @tan_stack @astrodotbuild

@pnpmjs what about #onlybuiltdependencies" target="_blank" rel="nofollow noopener">pnpm.io/settings#onlyb…

Published an article about mitigating supply chain attacks with pnpm pnpm.io/supply-chain-s…

@saltyAom @sitnikcode same for pnpm

@sitnikcode Bun You can specified which packages can run postinstall

pnpm is the best package manager for protection against supply chain attacks (and it has the best DX overall). They disabled postinstall a long time ago, the main attack vector. Now they’ve added the minimumReleaseAge option to ignore new versions for, say, a day.

@devongovett does this work for swipeable tabs, specifically when the indicator is in between 2 tabs?

Animating React Aria Tabs, ToggleButtonGroup, etc. is about to be super easy with the new SelectionIndicator component. 🥳 • Native CSS transitions, no animation library needed. • Works with SSR with no flicker before JS runs. • No ResizeObserver. • Enter + exit animations.

@sebastienlorber react-aria-components Checkbox use hooks conditionally as well

Thank you React Router

@apisurfer @thdxr take a look github.com/universse/astr…

@thdxr Totally agree. These days I'm experimenting with the idea of SSG with Astro for most paths and then deploying SPA's to specific domain subpaths and have them control that part of the website(and all child paths). I feel like someone should build a starter kit for that.

rendering html on the server is easy client side rendering is easy the moment you want to render on the server and then hydrate the same code on client you get an explosion in complexity problem after problem to solve

@KevinVanCott adding pooling would be great

I also want to hear what you think is missing from TanStack Pacer. Our goal is NOT to make this an "everything" library like lodash, RxJs, or Remeda. We're scoped to slowing down or speeding up func executions (client-side for now), but there are more ways that this could grow.

Over the past couple of months, I've built out the core of our new TanStack Pacer library. It has the 5 original primitives that I planned to build with sync and async variations, and multiple framework hooks for each utility Debouncing Throttling Rate Limiting Queuing Batching

@marcus_hohlbein @joshcirre @FredKSchott @ImSh4yy check this out github.com/universse/astr… using TanStack router instead but they should be similar in principle

@joshcirre @FredKSchott you can have a look at this awesome blog post from @ImSh4yy to get a first idea 👀 logsnag.com/blog/react-spa…

For those asking: → Built with Astro (ofc) → Tailwind → React.js (client-side SPA /w React Router) → Local-first, offline, instant navigation

@RegiByte @jaketoolson @tan_stack @tannerlinsley there's also the Wrap option for createRouter

@jaketoolson @tan_stack @tannerlinsley The QueryClientProvider is not passed explicitly when you use the integration with query, the call `routerWithQueryClient` wraps the app root component in a provider already This is useful for preloading stuff in the server with queryClient.prefetchQuery and such

Important note for @tan_stack start users: please please make sure your server query client is created with the router If it's declared globally you will have issues with the server sharing state between requests which is very bad @tannerlinsley can we add this to the docs?

@mathurahravi would love to join

putting together a lil community of designers/design engineers making cool things! lmk if you wanna join!

@yousseffitX2172 @bleachdump @LowKickLuke @patriottakes @Acyn armchair economist

@__phuoc @bleachdump @LowKickLuke @patriottakes @Acyn It does not. Buddy I know more about economics than you if your age was doubled. It’s literally my job. Industry is not the only thing that drives economics. You can have services like accounting, finance, tourism, etc.

Trump: China will now pay a big number to our treasury. This is all taxes. And don't let them keep telling you that this is a tax on our people. I hate that. You know, they say it's a tax. No.