Takeout 🥡 just landed a massive upgrade today with refinements to every screen, a whole ton of bugfixes, and much better example flows.
All credit to
@bidah
and
@jshez
for their great work.
TakeoutBot will push PRs tomorrow!
Tamagui is hiring a React / Native dev!
We’d love to find a great senior+ developer.
We’re still early and self-funded so not paying Tailwind bucks yet, but $10k/mo or more depending on the person is entirely within our budget.
Tag someone you think is a good fit!
Tamagui is now 100% config-free
✔️ No more TAMAGUI_TARGET
✔️ No more alias react-native => react-native-web
✔️ No more adding extensions .web.js etc
✔️ Big documentation simplification
✔️ Plugin-free unless you want the optimizing compiler
1.88 is out and one of our biggest releases ever. Some highlights:
✨ Metro plugin
✨ Expo Router web support + Expo router starter
✨ AnimatePresence `custom` + fixes
🐎 Huge type speedups & improvements
🐛 So many fixes
See 👇
Just a friendly reminder that Tamagui is the only React Native + Web style library that has any of these features:
✔️ Supports SSR, not just partially but across 100% of the features
✔️Generates CSS at build-time for themes using CSS variables + avoids re-renders on change
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 ⤵️
Over 500 teams have purchased Takeout, which has been game changing for us 🙏, thank you all.
We've re-invested 100% into Tamagui.
With 3 game changing projects deep into development, 2024 is going to be a banner year.
Say cheers to Toasts 🥂🍞
✔ Natively renders on mobile apps
✔ Full animation and theme support
✔ Stack multiple, swipe dismiss
✔ Hooks for total control
✔ Smart hiding logic
Amazing work by community member
@alire74_
👏
Did you know that Tamagui Core has no dependencies outside of React?
In about ~26Kb you get:
- The full React Native View/Text API which provides some really nice normalization of layout events and gestures.
👇
this week i made my first vscode extension to view theme values with intellisense. it even supports multiple themes for a given token.
inspired by
@tailwindcss
, made for
@tamagui_js
v1.59 brings a whole bunch of upgrades to Sheet snap points - all thanks to
@nderscore
✔️ "fit" option to adjust to content size
✔️ percentage and pixel based sizing
✔️ mixed percent, fit, and pixel sizes
🚀 Expo Router v3 is here—Full-stack React for iOS, Android, and web!
◆ API Routes (beta)
◆ Bundle splitting
◆ 30% smaller, 2x faster web exports
◆ Router testing library
◆ New <Link /> props
◆ Tailwind and Sentry support
Tamagui is moving to a new runtime pricing model for Takeout:
- Free to use for the first 10k page loads
- $0.05 per SSR render after that
- $0.025 per native app load
This is an increase in cost only for our largest clients, most will actually save significantly!
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
🧵
We were inspired by recent events 😊 to merge a few improvements to the OSS starter:
✔️ App router + Pages router now run side by side
✔️ Expo 51
✔️ Lots of little polish
Release 1.29 shaves ~10ms off startup and lets you emit nicely cacheable CSS for your design system at build-time:
➕ outputCSS
➕ Tamagui.getCSS({ exclude: 'design-system' })
Updated docs (Next.js guide has full example):
Headless Switch and Checkbox are out now now - the first two fully headless components.
v1.89.0 features:
👻 headless switch
👻 headless checkbox
🚀 themes/v3 === <50% the CSS size
🤓 tamagui.build.ts
Things have been a bit quiet on the Tamagui front but that's not for a lack of progress! Some updates 🧵
1. We're bringing on new devs! Onboarding takes time, but it's very exciting that Tamagui has a lot more firepower going forward. More on that soon.
🚀 New Server-Defined UI solution for React Native just dropped:
@risetools_
!
I've recorded a quick demo on how does it work! You can define UI on Server and then display it to the user! 👀
The best part: Actions😍
Bento CLI is out! All components only one `npx bento-get` command away with a sleek search interface to quickly find and install any of the 70+ components we already have for you.
Here’s a demo of React Native GPT & design to code 🧑💻
I uploaded a Figma image & React Native GPT built the screen using *my* components & design system
Almost perfectly 🤯
A lot of refinement to Takeout landed this week:
– Expo 50
– Edge auth middleware for 🚀 TTFB
– tRPC handlers => app dir
– Docs improvements
–
@supabase
version update
v1.14 lands our huge speed improvement on theme changes!
The homepage of the website (a pathological use case with many animated components) is 2x faster. On docs pages, 6x 🤯
Before/after:
... 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
Major feature alert 🔑
Groups have arrived (👋
@tailwindcss
)
✔️ Style children based on parent
✔️ + hover, press, focus
✔️ Works styled() or inline
✔️ Full CSS support on web
✨ New: createThemeBuilder
A new way to generate themes, with a new guide:
~10x easier to create, change, and share!
Plus it introduces a vocabulary that takes us one step closer to Code <> Studio <> Figma convergence.
Tamagui style, fully typed!
Some cool features:
✔️ Make as many typed named groups as you want
✔️ Combine with `-sm` to turn into a container query
✔️ Combine with `-hover` and other pseudo selectors
1.74 adds a new setting, fastSchemeChange. When on, iOS now does the same smart re-render avoidance on light/dark change that the web does.
Huge perf win! Once stabilized we will turn it on by default.
Docs:
Docs, bugs, and cleanup to start the year! In the last week:
Issues down from 64 to 29
~40 docs improvements commits
Free starter upgraded and fixed
Learning starter fixed
feelsgoodman
Tamagui works with the Next app directory now, the starter will be updated within a day or two. Though warning that there’s still a lot of sharp edges in general with it.
there's a detail in linear where it takes a second for a tooltip to open
but once it's open other tooltips immediately show
no one asked for this feature, it doesn't drive revenue - but if you claim to be committed to quality this is what you do, no questions asked
Tamagui's main focus focus for the year is two things: documentation and stability.
✅Over a thousand bugs fixed since January
✅ ~20 new end to end integration tests
✅Docs have landed ~40 PRs
We're adding an integration test for every bug we find and fix.
btw -
pro components + screens is soft launched!
we're still working out some last details before we "officially" announce it but we think they're pretty useful already, check em out 👇
Takeout adds
@trpcio
, pushed to all repos 💪
Also new scripts:
✔️yarn gen component
✔️yarn gen screen
✔️yarn gen router
Scaffolds new components, screens and tRPC routers.
We released
@storybookjs
to Takeout today 🎉
✅ Web and Native!
✅ Chromatic
Next: Maestro for multi-platform tests
@mobile__dev
Reminder - early-bird launch sale ends in 3 hours
This is amazing. A free OSS multi-platform marketplace development kit built on top of
@tamagui_js
. Powered by
@swellcommerce
. You are in for a treat. You get all of this for free:
◆ Vendor sign-up
◆ Vendor order dashboard
◆ Vendor order management (including order
ICYMI, we've been on a tear lately:
Expo 50 for Expo Router native + web, try it today:
`npm create tamagui
@latest
`
And don't miss the new Figma design system with everything nicely organized and up todate:
The theme the last two weeks has been performance x correctness
✔️ Themes now can be omitted from JS entirely (saving 20+kB on !)
✔️ Slider buttery smooth on iOS
✔️ Many small fixes to nested styled()
✔️ All 3 animation drivers 100% working
Tech stack for an offline first chat app: Expo (+ Expo Router for native structure and routing),
@Tamagui
,
@supabase
, and
@powersync_
@bndkt
describes how he built it:
Takeout is doing well! Thank you all 😊
Almost 100 people now on The Stack.
First round of bugfixes and improvements going out in ~1 hour. Pretty cool to git push and 100 teams will get a PR with goodies.
We've spent a lot of effort lately improving docs and ease of use. It's definitely been a pain point.
Our latest release 1.73 makes createTamagui() altogether optional!
Let's review the latest changes:
Three nice animations improvements:
🔸 Animations now have full SSR support even using spring based animation drivers with themes
🔸
@tamagui
/react-native-animated driver supports all style values including color values
🔸
@tamagui
/moti-driver is available for testing
Turns out we need to improve docs!
We're 👀ing for a dedicated content person.
Native english speakers only, the more familiarity with React and Tamagui the better.
Part time ~20hr/week, $25/hr
DM or team
@tamagui
.dev