the fast, comprehensive UI solution for React & React Native used in production by billion dollar companies like @uniswap npm create tamagui
- Tweets 1,157
- Following 67
- Followers 8,635
- Likes 1,085
We’re launching studio to all sponsors on Monday.
If you’re a sponsor who’d like to give us feedback in exchange for access today or this weekend please send a DM or contact us on discord!
1
25
2,359
Takeout is cool 🥡
We just sent a huge update: shaving bundle size, fixing bugs, upgrades all over.
It’s not like anything else - it’s like having a dedicated dev tools developer on your team for an entire year sending PRs continuously. Only it only costs a hundred or so bucks.
2
33
6,246
tamagui retweeted
I just published an introductory article on using @tamagui_js in @expo applications. Web and mobile devs should please give it a read devshogun.vercel.app/posts/t…
1
11
66
4,975
This week in releases:
github.com/tamagui/tamagui/r…
🏎️ Experimental TAMAGUI_OPTIMIZE_NATIVE_VIEWS flattens more, 15% perf boost (may break accessibility)
✨ useStyle() hook
✨ usePropsAndStyle() hook
> tamagui.dev/docs/core/export…
✨ setupDev() adds a visualizer in dev mode when you hold down ⌥ Option/Alt
> tamagui.dev/docs/guides/deve…
✨ Core bundle size reduction by 0.5kb
✨ asChild="web" and asChild="except-style-web" ensures on web props passed down are in the web-form, ie, onClick rather than onPress
✔️ Checkbox and RadioGroup get outlineStyle and better disabled style/event/accessibility
✔️ Static gets better at finding your config, clearer console output, and the Webpack loader ensures it builds your theme CSS before run
✔️ Switch gets better border calculations for custom sizing + borders
✔️ create-tamagui works with ssh as well as https
✔️ Improved CSS color name types thanks to community member Tim Petricola
✔️ 10 more bug fixes
github.com/tamagui/tamagui/r…
1
5
44
6,034
We got the first part wrong - Nativewind is SSR safe across it's features.
Thanks for clarification @Baconbrix
nitter.catsarch.com/Baconbrix/status/17050…
There are a lot of details to SSR that we handle in nice ways and more features, see our reply ^, but this clarification is important.
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
✔️Lets you swap animation drivers from spring based (reanimated or RN.Animated) on native to CSS on web (or use spring on web if you want)
✔️Avoids shipping JS for many features/styles thanks to optimizing compiler
✔️Flattens your styled components down to div/View saving ~30% of tree depth for huge performance gains
✔️Supports fully typed descendent styles - inline and in styled components - with no syntax overhead
✔️Supports container queries (typed)
✔️Supports container + media + psuedo styles combined (type safe, full SSR compat)
✔️Supports nested themes
✔️ Has a useMedia() hook that is smart enough to avoid re-renders unless you actively access the specific breakpoint
✔️ Comes with 30+ complete Radix-inspired composable components
✔️ All components are sizeable, and support sizing using your custom design system tokens
21
3,751
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
✔️Lets you swap animation drivers from spring based (reanimated or RN.Animated) on native to CSS on web (or use spring on web if you want)
✔️Avoids shipping JS for many features/styles thanks to optimizing compiler
✔️Flattens your styled components down to div/View saving ~30% of tree depth for huge performance gains
✔️Supports fully typed descendent styles - inline and in styled components - with no syntax overhead
✔️Supports container queries (typed)
✔️Supports container + media + psuedo styles combined (type safe, full SSR compat)
✔️Supports nested themes
✔️ Has a useMedia() hook that is smart enough to avoid re-renders unless you actively access the specific breakpoint
✔️ Comes with 30+ complete Radix-inspired composable components
✔️ All components are sizeable, and support sizing using your custom design system tokens
6
9
170
33,353
We're sending out a big update for Takeout 🥡 tomorrow, with 25 commits of fixes and improvements.
Very cool knowing hundreds of teams are getting their entire stack upgraded automatically!
1
26
2,697
tamagui retweeted
In my opinion one of the best blog posts about @tamagui_js so far: zenn.dev/kazukix/articles/49…
... どうもありがとう, @kazukixmatsuda
1
2
8
1,409
Introducing `enableDynamicEvaluation`, now in beta.
Tamagui will optimize components anywhere, even if not passed in via `components` explicitly. Add it to your compiler options and let us know if it works.
This unlocks more cool stuff coming soon 😎
github.com/tamagui/tamagui/r…
14
2,079
If you're getting started with Takeout 🥡 reminder that notJust.dev made a really nice 4-hour YouTube video building a real-world app from start to finish
youtube.com/watch?v=d32F7crx…
2
42
4,463
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!
7
1
95
22,800
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
github.com/tamagui/tamagui/r…
3
9
182
18,071
first peek at studio
4
6
79
13,399
tamagui retweeted
Are you tired of rewriting code for different platforms? Look no further!
@tamagui_js takes code sharing to the next level. Combined with Solito from @fernandorojo you'll ship faster than ever
Listen to the full interview with @natebirdman
1
6
20
4,094
tamagui retweeted
Takeout: The ultimate cross-platform app starter!
Built on @supabase, this app has everything you need for seamless dev. With @nextjs, @expo, and @tamagui_js, Takeout has got you covered.
Listen to the full interview with @natebirdman
1
5
20
2,610
tamagui retweeted
This is merged in RN and should be released soon. Only took 3 PRs 😅. Sorry was on vacation so took a while! Big shoutout to @jacobp100 who helped with the PRs ❤️
github.com/facebook/react-na…
github.com/facebook/react-na…
github.com/facebook/react-na…
transform-origin in react native.
Android changes if someone wants to review github.com/intergalacticspac…
We can make it fully web compatible, looking into iOS next.
10
6
139
18,418