🧁🍨📦 Matt Jones

Creator and maintainer of 🧁 Vanilla Extract.

Working on 📦 Parcel at Atlassian.

[🧁🍨📦 Matt Jones @mattcompiles]

Introducing vanilla-extract, our CSS variables based successor to treat

https://t.co/cZt7aTQR7K

[MelbJS @melbjs]

🎉 12 days to go! Join us at MelbJS on Wed June 12.

Parcel and the Limitations of Building Tooling in JS
@mattcompiles

Web Fonts, Without the Jank
@michaeltaranto

REPL Gives You Wings
@jamesdiacono

Register now 👉 https://t.co/cx2ZGaWnwE

[🧁🍨📦 Matt Jones @mattcompiles]

If you're interested in this space feel free to reach out. We're hiring!

[🧁🍨📦 Matt Jones @mattcompiles]

Jira jokes aside, I'm super proud to have been part of this project. Most of the JS community is sleeping on Parcel but it's an amazing project and we've got big plans for the future.

[Marcin Szczepanski @MarcinS]

My team shipped the most difficult (and longest) project of my career in the last few weeks. We migrated the frontend bundler for Jira (5M+ src lines) from Webpack to @parceljs, and customers (mostly) didn’t notice.

[🧁🍨📦 Matt Jones @mattcompiles]

🎉 Excited about the first Parcel release I really contributed to.

Don't sleep on Parcel. We've got big plans and it's not going anywhere. 🔥

[Devon Govett @devongovett]

Parcel v2.9.0 is out. Huge release! 🥳

⭐️ New resolver with package.json "exports" and tsconfig "paths"
⭐️ SWC minifier
⭐️ Native ESM plugins and configs
⭐️ Local plugins
⭐️ Incremental symbol propagation
⭐️ Build perf tracing
⭐️ Better browser caching

https://t.co/Ihs05YHjPV

[🧁🍨📦 Matt Jones @mattcompiles]

Just reached out to @nextjs for help on making the 🧁Vanilla Extract next-plugin more consistent. It would be great if anyone involved with Next could help out 🤞
https://t.co/8dzq5QtDDW

[🛶🧁🍨 𝐌𝐢𝐜𝐡𝐚𝐞𝐥 𝐓𝐚𝐫𝐚𝐧𝐭𝐨 @michaeltaranto]

Today we launched a refreshed homepage for SEEK. It's part of a new baseline uplift to the experience, driven mostly by a new theme in Braid.

Same system, same product but evolved usage with brand new space scale, radii, typography, even a web font.

Ask me anything.

[mike douges @douges]

Here's what it looks like to block out a scene with Triplex — the React Three Fiber editor.

Sound on 🔊

#threejs #react #r3f

[Mark Dalgleish @markdalgleish]

Vanilla Extract support is finally coming to Next.js’ app dir. Thanks to @graycoding, @Sutt_J and @shuding for making this happen 🎉 https://t.co/lbHkCF9SRB

[Mark Dalgleish @markdalgleish]

🧁🍨🚀 Sprinkles for Vanilla Extract just shipped v1.6 with support for cascade layers. You can now assign your utility classes to a layer, either scoped or global via Vanilla Extract’s new `layer` and `globalLayer` APIs.

https://t.co/FL2feLg8bH

[🛶🧁🍨 𝐌𝐢𝐜𝐡𝐚𝐞𝐥 𝐓𝐚𝐫𝐚𝐧𝐭𝐨 @michaeltaranto]

It's official, we're in 😲
https://t.co/LyAuvMXEMc

[🧁🍨📦 Matt Jones @mattcompiles]

🧁 Vanilla Extract + Cascade layers are a perfect match.

CSS ordering issues just became a lot easier to manage!

[Mark Dalgleish @markdalgleish]

Vanilla Extract just shipped support for cascade layers with support for both locally and globally scoped layers.

This is a game changer for design systems. Massive shout out to @mrm008 for this one.

Scoped layers: https://t.co/BmqD4BXOxN

Global layers: https://t.co/kvDrEZ6X7d

[Shay Davidson @ShayHDavidson]

And the second function that allows you to drop-and-spread it into a CSS-in-JS solution with full type-safe props. In this case for example, I'm using @markdalgleish Vanilla Extract.

[Mark Dalgleish @markdalgleish]

Nice thread about how Vanilla Extract can integrate with runtime CSS-in-JS libraries. Makes for a great migration story.

[mike douges @douges]

Here's a video update for TRIPLEX talking through new features:

✨ Initializing a repo (new & existing)
📜 Menu bar
📦 Scene panel
🎯 Context panel

Sound pretty cool? Check out the video and read the next few tweets below 👇

#threejs #r3f #webgamedev #react

[🧁🍨📦 Matt Jones @mattcompiles]

@paynecodes @dan_abramov @sebmarkbage Not saying you're wrong. But I'm curious as to what you're finding difficult?

[Mark Dalgleish @markdalgleish]

One of Vanilla Extract’s most powerful features is currently undocumented. Just opened a PR to finally add some docs for it. Super excited to get more eyes on it and unlock another wave of community tooling. https://t.co/d6Xs8he6ZT

[Georges Haidar @ghaidar0]

After trying utility-first css libs it’s clear to me that vanilla-extract succeeds where the utility classes approach cannot. I’m not going to talk tech Twitter down from one tech or the other. I dont think that’s an interesting pursuit. What I’ll say is that if your goal is to…

[mike douges @douges]

Revived this! Probably took a few years off my life to make it work - stay tuned for a blog post on that!

Here's a video with the latest progress, sound on! 🔊

#threejs #r3f #webgamedev #react

[🛶🧁🍨 𝐌𝐢𝐜𝐡𝐚𝐞𝐥 𝐓𝐚𝐫𝐚𝐧𝐭𝐨 @michaeltaranto]

ICYMI, if you're using a webfont then it's likely your page layout and content is jumping around when the font loads.

Capsize now let's you have the webfont without the UX trade off.

[🛶🧁🍨 𝐌𝐢𝐜𝐡𝐚𝐞𝐥 𝐓𝐚𝐫𝐚𝐧𝐭𝐨 @michaeltaranto]

Super happy to share that this uplift to the Capsize ecosystem is the result of an open source collaboration with Google, Nuxt & Next ❤️

Massive shout out to @karaforthewin, @janicklas, @katiehempenius and @danielcroe for collaborating on this! 🙌