Advertisement · 728 × 90

Posts by Dan Train

Ally Sheedy's 'makeover' in The Breakfast Club with the text DLSS 5 OFF and DLSS 5 ON.

Ally Sheedy's 'makeover' in The Breakfast Club with the text DLSS 5 OFF and DLSS 5 ON.

3 weeks ago 6101 1406 8 88

I heard there was a secret code,
that David knew to unlock god mode,
but you don't really care for cheating, do yah?
It goes like this, up up down down left right lef

3 months ago 341 59 13 0
Post image

Hi Jen, when my web app is added to home screen the top bar now remains white in dark mode. I used to control this with `theme-color` which still worked until 26.1.

5 months ago 0 0 0 0

I learned that pnpm has a built-in patch command, if it helps. I use Fly.io to run containers, can recommend.

5 months ago 1 0 0 0
Video

This is incredible

8 months ago 9119 2671 237 478

I feel like today if you want to take the RSC approach you have Next.js, but if you like the GraphQL Fragments approach it's not so easy. I made myself a remix-relay package and @phry.dev ‬is making Apollo integrations but I'm surprised it's not more commonplace since it indeed "cracks the nut"

10 months ago 2 0 0 0

Another great article Dan!

10 months ago 2 0 1 0

If you can’t handle me at my Dance Yourself Clean 0:00-3:05 you don’t deserve me at my Dance Yourself Clean 3:06-8:56

11 months ago 1199 218 4 5
Post image

Excellent work by new NYT headline writer Werner Herzog

1 year ago 17000 2609 143 113
Advertisement

I lived in London during Brexit. And I always told Americans back home that, as bad as Trump 1.0 was, it wasn't nearly as existential as Brexit. Which felt like a near-permanent shift in how the country functioned. I used to say it was like watching a country commit suicide. Trump 2.0 is like that.

1 year ago 221 25 2 1
Preview
GitHub - dantrain/remix-relay: Integration between the React Router v7 framework and the Relay GraphQL client Integration between the React Router v7 framework and the Relay GraphQL client - dantrain/remix-relay

Dan I copied your Movie App for my React Router + Relay integration library example. That JSConf Iceland talk was so exciting and led to all this modern framework world! github.com/dantrain/rem...

1 year ago 3 0 0 0
Preview
Check out this 4 bedroom link detached house for sale on Rightmove 4 bedroom link detached house for sale in Stryd Y Castell, Conwy, LL32 for £875,000. Marketed by Dafydd Hardy, Llandudno

lmao the bathtub

www.rightmove.co.uk/properties/1...

1 year ago 1214 255 182 250

The docs say "If used alongside Partial Prerendering, segments that have 'use cache' will be prerendered as part of the static HTML shell" but if the default revalidation period is 15 minutes, what's the point of prerendering? I'd prefer a separate 'use static' directive.

1 year ago 0 0 0 0

Awesome, thank you!!

1 year ago 1 0 0 0

Amazing, thank you!!

1 year ago 2 0 0 0

Hey @tannerlinsley.com just saw the discussion of RR vs TSR loaders. I really like the TanStack Start approach but I still have this question, could a Server Function return a stream of chunks?

1 year ago 1 0 2 0
Advertisement

Awesome news!

Took me a minute to find how to type a ref prop when removing forwardRef. First I tried RefObject<> but it didn't work with a callback, then I found the Ref<> type. Maybe worth adding to the guide?

1 year ago 0 0 0 0

Link? Also how did someone else get kittydothedishes.tumblr.com isn't that cybersquatting lol?

1 year ago 0 0 0 0
@graphql-tools/executor (GraphQL-Tools) GraphQL-Tools Documentation

So I have code that should only run on the server that potentially returns both an initial response and a ReadableStream of subsequent chunks. I need to get both back to the loader somehow. It's this thing the-guild.dev/graphql/tool...

1 year ago 1 0 1 0

I believe that loaders in TanStack Router run on both server and client, whereas Remix/ReactRouter has separate server and client loaders

1 year ago 2 0 1 0

This is where I'm stuck, can I return a ReadableStream from a TanStack Start Server Function? I don't think I can execute the request directly in the loader since it's isomorphic

1 year ago 1 0 1 0

Ah amazing, this would be far better! I'll keep on eye on the progress, thanks!

1 year ago 0 0 0 0

For some reason Discord is demanding I verify my phone number but the SMS message with the code isn't coming through, maddening!

1 year ago 2 0 0 0
Preview
GitHub - dantrain/remix-relay Contribute to dantrain/remix-relay development by creating an account on GitHub.

Brilliant I will check it out thank you! Here's my attempt with Relay and Remix if you're interested (just in middle of the React Router v7 migration today) github.com/dantrain/rem...

1 year ago 3 0 2 0

I'm trying to put Relay together with Tanstack Start including @defer, but I have a problem. Executing the request is server code so I need a Server Function, but I can't use the `defer` function there afaik @tannerlinsley.com any ideas?

1 year ago 1 0 1 0
Advertisement
// Code block with the following code:

export const Route = createFileRoute("/")({
  component: Home,
  loader: async () => ({ countPromise: defer(getCount()) }),
});

function Home() {
  const { countPromise } = Route.useLoaderData();

  return (
    <p>
      Count:{" "}
      <Await promise={countPromise} fallback={"(Loading...)"}>
        {(count) => <span>{count}</span>}
      </Await>
    </p>
  );
}

// Code block with the following code: export const Route = createFileRoute("/")({ component: Home, loader: async () => ({ countPromise: defer(getCount()) }), }); function Home() { const { countPromise } = Route.useLoaderData(); return ( <p> Count:{" "} <Await promise={countPromise} fallback={"(Loading...)"}> {(count) => <span>{count}</span>} </Await> </p> ); }

Ok I've realised it's done like this today, which works great. But is the React 19 `use()` API the future?

1 year ago 0 0 0 0
// Code block with the following code:

export const Route = createFileRoute("/")({
  component: Home,
  loader: async () => ({ countPromise: getCount() }),
});

function Home() {
  const { countPromise } = Route.useLoaderData();

  return (
    <p>
      Count:{" "}
      <Suspense fallback={"(Loading...)"}>
        <Count countPromise={countPromise} />
      </Suspense>
    </p>
  );
}

function Count({ countPromise }: { countPromise: Promise<number> }) {
  const count = use(countPromise);
  return <span>{count}</span>;
}

// Code block with the following code: export const Route = createFileRoute("/")({ component: Home, loader: async () => ({ countPromise: getCount() }), }); function Home() { const { countPromise } = Route.useLoaderData(); return ( <p> Count:{" "} <Suspense fallback={"(Loading...)"}> <Count countPromise={countPromise} /> </Suspense> </p> ); } function Count({ countPromise }: { countPromise: Promise<number> }) { const count = use(countPromise); return <span>{count}</span>; }

@tanstack.com TanStack Start is looking so awesome! Curious about streaming deferred data, could something like this work in future?

1 year ago 1 0 1 0
Preview
The Onion Buys Alex Jones’s Infowars Out of Bankruptcy The satirical news site planned to turn Infowars into a parody of itself, mocking “weird internet personalities” who peddle conspiracy theories and health supplements.

Hi everyone.

The Onion, with the help of the Sandy Hook families, has purchased InfoWars.

We are planning on making it a very funny, very stupid website.

We have retained the services of some Onion and Clickhole Hall of Famers to pull this off.

I can't wait to show you what we have cooked up.

1 year ago 58884 15990 2336 4615

I keep getting confused by the "static" terminology. To me "static" means rendered at build-time, as in "static site generator". I think maybe I'd like a "use static" directive where fetches are always made from the CI server, and for "use cache" they're always made from the app server (and cached)

1 year ago 1 0 0 0

The dream of the 2010s is alive in Bluesky?

1 year ago 8 1 1 0