Mark Dalgleish

Mark Dalgleish

@markdalgleish.com

🦄 CSS Modules co-creator / 💿 Remix + React Router at Shopify / 🧁 Vanilla Extract / MelbJS organiser / dad x4

6.5K followers74 following84 posts

I just created the “Remix 3 Resources” repo, collecting useful links related to Remix 3. It has *super* granular links to the Remix Jam live stream for each API, feature and demo, plus a bunch of demo apps and 3rd party integration examples. github.com/markdalgleis...

github.comGitHub - markdalgleish/remix3-resources: A collection of useful links relating to Remix 3A collection of useful links relating to Remix 3. Contribute to markdalgleish/remix3-resources development by creating an account on GitHub.

Mark Dalgleish reposted

This is very exciting! React router and Parcel has shown the proper boundary of RSC support between application layer and as bundler layer. Jacob shared their work with me early and that has been guiding me better for RSC support on Vite. Thanks for the shout out in the post!🙏

Mark Dalgleish reposted

Same! I started using this before there were docs or any official announcement for it and was slightly concerned I was doing something I wasn’t supposed to 😅😅😅 Glad it’s now been made official 💍

Mark Dalgleish@markdalgleish.com

Super excited to see @cloudflare.social launching v1 of their @vite.dev plugin, with first class React Router v7 support. Huge shout out to James Opstad for working with us to ensure support on top of our recent Vite Environment API work. blog.cloudflare.com/introducing-...

So excited for this @vite.dev documentary. I really enjoyed watching the @react.dev one.

Tech Documentaries@techdocu.bsky.social

📽️ From a radical rethink to the new standard in speed and simplicity, @vite.dev v has become the go-to tool for modern web development. Discover its story and the impact shaping the future of the web

 The @vite.dev Documentary is coming soon! Stay tuned for the release date! 🚀

COMING SOON: Experimental @vite.dev Environment API support in React Router v7. Check this out — a single `vite build` command can co-ordinate a full client + multi-server build. Previously this was only possible via the `react-router` CLI. We're “just a Vite plugin” again 😎

With React Router’s upcoming Split Route Modules feature that I’ve been working on, I’ve got the chunk name in the build output now so it’s easier to tell what’s downloading when. Here’s a before and after in the network tab.

Check out what I've been working on in React Router: Split Route Modules. Ryan put together a neat demo of why this is so great for perf. With your client loader split into its own chunk, it can start running ASAP, even before the route component finishes downloading. x.com/ryanflorence...

One thing I’ve changed my mind on when it comes to documentation is whether to discuss implementation details. The purist in me wanted to leave them out because “the whole point is you don’t need to know!” But in hindsight this paternalises consumers. It leaves them without a good mental model.

Mark Dalgleish reposted

Every week I get more validation that moving Remix (now React Router) onto @vite.dev was a good idea. This week is no different! bsky.app/profile/rphl...

React Router Hono Server becomes a @vite_js plugin and is now compatible with React Router v7 (@remix_run) 🥳 It hasn't been easier to link @honojs and React Router: npm install react-router-hono-server@latest Then add reactRouterHonoServer() to your Vite plugins That's all!

It makes me very happy to see so many people enjoying this talk 🙏

Mark Dalgleish@markdalgleish.com

“How React Router Became a Framework,” my talk from React Advanced in London, is now up! Learn about why Remix as it exists today is being merged into React Router, and what it means for the future of the project. www.youtube.com/watch?v=BKi4...

This post currently has more likes on Bluesky than Twitter. That’s super interesting.

Mark Dalgleish@markdalgleish.com

“How React Router Became a Framework,” my talk from React Advanced in London, is now up! Learn about why Remix as it exists today is being merged into React Router, and what it means for the future of the project. www.youtube.com/watch?v=BKi4...

Mark Dalgleish reposted

Highly recommended talk. Mark is a fantastic story teller, and Remix adoption of @vite.dev and their rebrand to React Router is one of the most impactful tales of this year.

Mark Dalgleish@markdalgleish.com

“How React Router Became a Framework,” my talk from React Advanced in London, is now up! Learn about why Remix as it exists today is being merged into React Router, and what it means for the future of the project. www.youtube.com/watch?v=BKi4...

Oof, I feel like I always get caught out that pnpm happily runs Node CLI scripts without the hashbang at the top but npm throws an error. If I haven’t set it up correctly: pnpm create … ✅ works npm create … ❌ fails

Like almost all social media platforms in their early days, the vibes are great right now because everyone’s posting about the things they love. It always goes south when everyone starts posting about the things they hate. How about this time we all agree to keep it this way?

Positional args with primitive types make me nervous. e.g. function processCss(path: string) {…} Consumers might get confused and think they need to pass a string of CSS. Typescript won’t complain. That’s why I prefer this: function processCss(args: { path: string }) {…}

I have mixed feelings on Tailwind. - It’s an elegant solution to a bunch of different problems. - It’s an obvious choice due to its popularity. - From a design system perspective, I’d prefer consumers use components, not CSS. - Otherwise, I’d want class usage to be type safe.