“What if I told you you can share 100% code today, fully typed, with no React Native Web dependency, SSR, RSC, hydration-safe media queries and light/dark mode, container queries, Expo Router web support, optimized inline styling today with a single 30kb dependency”
“… and it supports CSS variables at compile and runtime even with reactive signal-based hooks, pluggable animation drivers so you can do pure CSS transitions OR springs on web, AnimatePresence, enter and exit animations, and a complete but optional design system toolbelt”
they’ve been doing a bang up job lately and Unitags are no exception - lots of nice little design details everywhere thanks for enterStyle, exitStyle and AnimatePresence
If anyone ever asks “does tamagui scale?” or says “you can’t make React Native apps feel great”….
Just 👉 them to @Uniswap - 100% React Native, powered by tamagui, with an incredible design team leading the way.
And fully open source!
Say goodbye to 0x addresses
And hello to 𝙪𝙣𝙞.𝙚𝙩𝙝 – your unique web3 username 🦄
Your uni.eth is a readable username that makes it easy to receive crypto and build your web3 profile 🫡
Claim your uni.eth for free in the Uniswap mobile app ⤵️
… to make the native part of RN handle much of the same API surface. In the case that happens, we’d happily target our compilation to the best possible output.
This tweet was a bit off: RSD today is analogous to Tamagui in that they are both JavaScript packages that ultimately output StyleSheet on native or CSS on web. Tamagui is often even lower level due to not relying on View at all internally.
But long run the plan it seems is….
Also important to note:
On web and on native Tamagui is doing much much less work thanks to both the runtime and compiler.
On native: rendering directly to RCTView and using signals.
On web: compiling away completely (the the original reason Tamagui was born)
Not to mention the compiler which makes things way, way faster on web. Avoiding rendering tons of components like you do in react-strict-dom is actually what Tamagui was written to do in the first place!
That we are far more optimized is expected! RSD is early stage.
We’re excited by this news. Much like Stitches or Tailwind, Tamagui mostly lives a layer above RSD, and benefits from it bringing much needed alignment and features to native.
Onward!
We’re going to be embracing the web-focused API surfaces, luckily this is super easy as we do a bunch of this stuff already, and in fact in more performant ways.
For example our View avoids rendering two components like RSD and supports press and other web props out of the box.
You may be wondering what react-strict-dom means for Tamagui?
In short:
- The embrace of web APIs is great
- We already support much of the new stuff
- Tamagui is by far the best way to do universal apps today - performance, features, integration, etc
🧵
with every second of writing react native I'm just mindblown at how easy it is to write an app when you don't have to deal with the constant bullshit and limitations of the web platform.
i'd give apple 50% commission if needed, just not to look at another <div/> ever again.
If you are looking for a fast and easy way to create cross-platform UI components and apps with @reactnative and Web, you might want to check out the @tamagui_js library. 👌🏼
Read more here:
themorrow.digital/blog/balan…