... and now, Group Container Queries 🥂
✔️ Style children based on parent size
✔️ Web outputs CSS, 0-render with SSR support
✔️ 100% native compat
✔️ Supports container + pseudo styles
✔️ untilMeasured native fallback strategy
github.com/tamagui/tamagui/r…
Major feature alert 🔑
Groups have arrived (👋 @tailwindcss)
✔️ Style children based on parent
✔️ + hover, press, focus
✔️ Works styled() or inline
✔️ Full CSS support on web
github.com/tamagui/tamagui/r…
Have you heard about #CSS@scope?
It’s an upcoming way to scope the reach of your CSS selectors, allowing you to move away from methodologies such as BEM because you no longer need to name those in-between elements.
It’s coming to Chrome 118, so let’s take a look …
From a sponsor:
“spent the last week and a half locked in working night and day building a new product. all 100% on web. spun up the screens on native and it works pretty much flawlessly after an hour of tweaking. simply don't understand how people underestimate this stack”
⚠️ Heads up that Next.js versions past 13.3.4 are breaking useSyncExternalStore, and therefore Tamagui, we've had quite a few users run into this very hard to debug issue:
github.com/vercel/next.js/is…
Please upvote, if anyone has time to make a better repro would be great
Just published a Typescript plugin which augments the autocomplete results in @tamagui_js projects to show details about token values and theme colors.
github.com/nderscore/tamagui…
Heavily inspired by @fernandorojo 's VSCode plugin.