Evan Bacon 🥓
@Baconbrix
Followers
46K
Following
32K
Media
1K
Statuses
14K
Creator of 𝝠 Expo Router. Deploy iOS apps with ‘npx testflight’ today!
Joined March 2013
We’ve been hard at work making the best universal framework even better! 🚀. 𝝠 Expo Router v5. → Beta support for universal React Server Components/Functions.→ Authentication primitives.→ API Routes and hosting.→ React Compiler, linting, best practices.
🥓Expo Router v5 is here and it's packed with powerful new features to help you build beautiful full-stack native apps. There is a hearty blog post from @Baconbrix below with all the details. Here are a couple of the highlights:. ◆ Improved Errors and Logging.◆ API Routes in
15
31
461
Universal login in React is available NOW!! I'M SUPER EXCITED! 🚀. 🔥 New hooks API.💫 Desktop, and mobile web support.📱 Native iOS, and Android.✅ Pure JS package via @expo.💎 Guides for 12 services $ yarn add expo-auth-session
51
486
3K
Today, Expo is reimagining native routing!. ✨ Automatically create (dynamic) routes with files .🚀 Zero boilerplate .🔗 Automatic deep linking.🧩 Nested layouts.🔥 Built on React Navigation for easy adoption. Try the @expo router beta now!.
76
399
3K
👉 Here's the prompt I've been using with GPT 4o to one-shot iOS app icons.
23
66
1K
👋 Today I'm open sourcing my Expo AI chat app!. You can use it as a template for building AI apps with the new @Expo RSC support. ◆ Custom cards for weather, movies, and location prompts.◆ Stream UI from the server with Universal React Server Components.◆ Runs on web,
54
114
1K
📣 Announcing the @Expo Router v1 RC. First File-based Router for mobile apps. Native navigation can now be built as fast as websites. ◆ Auto URL (deep link) support for every page, on every platform. ◆ Full support for tabbed routing w/ shared routes.
48
188
1K
🚀 React Server Components are coming to every platform with @Expo Router!. To showcase all the new possibilities, I wrote the most powerful demo AI app I could think of—took less than a day to write, and it runs everywhere!. Unlike traditional AI apps, which stream plain-text,
43
141
1K
Just built my first App Clip in @Expo Router!. ◆ Instantly launch on iOS w/o downloading.◆ Deep link to every screen automatically.◆ Convert users in-app w/o ever going to the App Store. The best possible iOS web experience—notifications, Live Activities, haptics, gestures
36
51
1K
Universal login with React hooks coming soon! 😁. 🔥 iOS, Android, and Web.💯 Sharing 100% the same code.💫 No extra native code.🔐 Secure OAuth, Open ID, and PKCE. Here's an early @expo demo of logging into 8 services using the same code across web and native!! 🚀
29
180
1K
🚀 This is universal React with the new "react-strict-dom" by @Meta (experimental):. ◆ Light-weight, web-first API.◆ Truly native components on each platform.◆ No div-soup on web.◆ Fully accessible/indexable primitives.◆ Can be used with Tailwind CSS
39
167
1K
🔜 Styles that are coming to React Native:. ◆ Linear gradients.◆ Box shadows.◆ CSS filters.◆ Percentage-based flex gaps.
linear gradient has been merged in react native under experimental backgroundImage style prop, similar to boxShadow and filter. Thanks to the team for the review!. PRs:.
14
39
595
React Native has the potential to compile massive apps in seconds for both iOS and Android, given most the native packages are shipped precompiled. This is because the app only has a couple native files—everything else is libraries and JS. Game Changing.
18
128
1K
pro tip: alias any to TODO to make people think you plan on fixing it later.
25
116
1K
Extremely smooth app-like animations and interactions in a (mobile) browser 😮🔥 was ridiculously easy to do with React 😍 New @expo + Reanimated + Gesture Handler (updates coming soon 😎🎉🥳) REALLY EXCITED :D
21
125
1K
In @Expo Router v4 you can easily turn routes into native bottom sheets. Works on both iOS, and Android.
53
70
1K
I cringed every time React Native would dump these giant URLs in the error logs. Completely redesigned it for the upcoming @Expo SDK 53 release! 🚀. ◆ Removed [NOBRIDGE] tag.◆ Concise stack trace.◆ Preview code frame.◆ Copy/paste errors.◆ Extra info with EXPO_DEBUG=1
58
63
1K
Playing with improved error messages in @Expo 👀. One major improvement will be using React 19.1 owner stack to show you exactly where unwrapped strings, undefined components, and many other React errors are thrown from 🚀
55
68
1K
React Compiler is insane 🤯. Just enabled it in my @Expo Router app and had my mind blown by how much could be optimized when toggling switching screens. Before / After
22
69
1K
Deploy iOS apps to TestFlight in a single command—from any computer:. 𝝠 ~/ npx testflight
30
75
1K
🎂 10 years since I published my first iOS app, at 16yo. Borrowed this admin Mac at the bakery I worked in to upload to the App Store. This was a major inspiration for Expo enabling app dev from anywhere ⚡️
35
19
977
🚗💨 The Fastest way to Create a React Native app is finally back!! 🔥. ⭐️ ZERO dependencies.🏆 25+ templates.🌐 iOS, Android, and web!.☁️ OTA updates out of the box.⏱ npx in ~1 second (installs React Native in ~50s). $ npx create-react-native-app
23
171
960
🚀 I merged my first PR into Create React App! .🔥 Install is now ~63% smaller, the install is noticeably faster 💫
22
36
949
🚀 Coming soon to @Expo Router: Handoff. ◆ Instantly swap between web⇄native.◆ Transfer progress from phone⇄desktop⇄tablet.◆ Per-route config in a single-line.◆ OTA React state restoration w/ query parameters. 🧵 Learn more ↓
22
98
891
My stack:. 📱 @expo: Mobile.🌐 @expo: Websites.☁️ @expo: Hosting.📫 @expo: CI/CD/jobs.🔐 @supabase: Auth/Storage.💅 @nativewindcss: Styling.🔔 @mobile__dev: E2E testing.💳 @stripe: Payments.📊 @Vexo_Tech: Analytics.
@Baconbrix what’s your stack for creating mobile app?.
36
67
912
🔥 I'm SO EXCITED about Expo App Services!!. 👉 Build and Upload ANY project!!.⚖️ Smaller binary size.🎲 ANY native module you want.💻 From anywhere. Watch the video 🚀
47
131
846
Expo + React Server Components (preview) 🚀. Just open sourced a new movies app demo using Expo Router and React server functions. Native data fetching, loading states, and error handling have never been this easy!. → Runs on iOS, Web, and Android
25
63
866
Anyone know if this Vision Pro-style context menu is a private API or not?
16
15
863
⚡️ Instantly add home screen widgets to your React app with my new `npx create-target` command!. Everything's possible with @Expo Router 🔥
36
80
864
🚀 We just announced the new lineup for @Expo Router v2 & Expo SDK 49 at @appjsconf!. 🧵 A ton of exciting new features on the way––here are some of my favorites! (thread)
27
174
837
Are React Server Components web-only or can they be used anywhere?. What would it look like if @Expo added React Server Components for native iOS and Android platforms. 🧵 Find out now ↓
32
115
779
🚀 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
43
102
752
🚀 Expo Router v3 now has full support for popular web libraries like Radix, Tailwind, Shadcn UI, etc. Meaning you can build high-fidelity components for a single platform w/o needing to build an entirely separate project or monorepo, just a platform-specific layout!. Source ↓
19
81
744
Released a template for custom payments for iOS ⇔ web ⇔ server!. ⚡️ Develop:.~ / npx create-expo -e with-stripe. 🚀 Deploy:.~ / npx testflight
23
51
752
WebGPU in React Native!! 🚀
10
68
706
You can now deploy apps directly to TestFlight with EAS Build in a single command! 🚀. eas build -s → download your app on TestFlight. Huge time savings since you don't need to open the ASC website and click through a bunch of forms to download your app.
39
67
717
🚀 You can now make animated skeleton loaders with zero-dependencies in React Native 76. Source in replies ↓
21
48
710
I made my mac 🎉🎉🎉 when React Native rebuilds
11
26
687
⚡️ Using @Expo DOM components to incrementally migrate React Flow charts over to a native app
20
37
688
WORDPRESS IS GOING TO KILL REACT NATIVE!!.
SwiftUI is going to kill React Native. On Monday, I knew nothing about native iOS development. Today, I wrote this. (It's only ~150 lines of code.)
18
65
643
Using Expo DOM Components on macOS ⚡️. Native macOS navigation + React DOM elements (tailwind, @shadcn, radix). 100% shared code with iOS, Android, web. Seems like Expo Router could be a reasonable alternative to Electron in the future.
19
33
679
📢 Expo Router v1 is now available!. ◆ First stable release 🧭.◆ v2+ Roadmap now available 🚀.◆ Default @Expo navigation template now uses Expo Router 🔥. Learn more ↓.
26
117
665
Introducing @Expo Router v3 Beta. ◆ Build server endpoints with API Routes.◆ Bundle splitting for web.◆ 2x Faster web exports.◆ Customizable app/ directory.◆ Not Found Routes.◆ Auto font optimizations.◆ Hot reloading for Tailwind. Learn more ↓.
19
93
656
The top 100 Sports apps in the App Store––August 17, 2023. ◆ React Native - 33/100.◆ Cordova - 4/100.◆ Flutter - 3/100
33
108
652
🚀 Expo SDK 52 is now here!. ◆ "use dom".◆ Expo Router v4.◆ Experimental Tree shaking.◆ React Server Functions beta (more on this soon).◆ Streaming fetch.◆ New Architecture.
🥳 Today we're announcing the release of 𝝠 Expo SDK 52!. It's our biggest release ever, so grab a coffee and check out the release notes ⤵️
13
59
670
💡 The @Target iOS app uses a stenciled version of their App icon for internal development builds. Great for distinguishing when both are installed on-device.
25
27
651
🚀 Been playing with Next.js-style navigation in @expo. Just create a file to add a new screen to the app. Each page is a different bundle and gets lazy loaded in development. This would make startup and reload times much faster ⚡️
9
65
637
I got most of Reanimated (by @kzzzf) running in the browser with @expo web & @reactnative web 😁💙 The gestures use react-native-gesture-handler for web which is already published 🔥
12
82
644
🧵 Ever wonder how different app frameworks render views on iOS?. Here's a quick comparison using Xcode's native 'View Hierarchy' tool:. ■ Flutter: Single Skia view.■ Capacitor: Single web view.■ React Native: Pure native views
8
102
634
📢 RFC: API Routes × @Expo Router v3. ◆ Create server functions with the `+api.ts` extension. ◆ Securely use secrets and environment variables. ◆ Bun and Node.js support. ◆ Works with iOS, Android, and web 🚀.◆ Beta coming soon!. Add your feedback ↓.
39
91
638
🚀 Ever wonder how many apps use @Expo × React Native?. Over the last year I've collected a list of over +𝟭,𝟱𝟬𝟬 top iOS apps using Expo OSS in the App Store!. 🔗 Today I'm sharing the list!.
38
108
620
🚀 Build native iOS apps over-the-air with @Expo 51 beta!. 𝝠 npx expo run:ios --device. ◆ Supports Vision Pro 🥽.◆ Connects to all iOS dev devices on the network 🌐.◆ Feels like absolute magic 🪄
23
65
634
🚀 With the new File-based @Expo Router, you can create some powerful app layouts––for mobile & web––in a couple lines of code!. I put together an example repo with a bunch of my favorites. and open sourced a brand new layout!. 🧵 Check them out in the thread ↓
17
87
611
🚀🔥 New (experimental) Desktop support with Electron ⚡️ .Live reloading the same codebase with @expo on:. 💻 • OSX || Windows || Linux. And of course:. 📱 • iOS || Android || PWA.🌐 • Web (ALL modern browsers)
16
96
581
🚀 Shipped a new demo: Spotify API with universal React Server Components in @Expo Router!. ◆ Secure auth in the server with env vars.◆ Stream server-rendered native UI with Suspense.◆ Native navigation, animations, search.◆ Runs everywhere—web, native, Expo Go
19
39
605
🚀 Just released a new @Expo Config Plugin for customizing the System Settings page for Apple apps!. ◆ Full TypeScript support.◆ Synchronize native settings.◆ Multi-page support.◆ Full API coverage.◆ Localizable metadata.◆ Idempotent Prebuilds.
8
67
589
☁️ EAS Hosting is here!.In addition to our fantastic native deployment, you can now push:. ◆ Websites.◆ API Routes.◆ Environment variables. Will be adding native support via @expo's React Server Components soon 🚀. Run `eas deploy` today!
39
81
594
██████.██████.██████.██████.██████.██████.██████ _____________. PROJECT TIME. IDEAS.
7
112
575
🚀 Instagram layout clone built with @Expo Router v2 (alpha):. ◆ Statically rendered on web, fully indexable.◆ Responsive even before JavaScript loads.◆ SCSS Modules on web for static media queries.◆ Truly native. Demo: Source:
12
73
573
Introducing @Expo Router v2. ◆ Static rendering on web.◆ Auto TypeScript for file-based routes.◆ New documentation.◆ src/app directory support.◆ Experimental Async Routes.◆ Imperative API.◆ Expo Head for Handoff and Metadata. Learn more ↓.↑
25
101
573
Using EAS Build to develop native apps on my VisionPro, over-the-air with Fast Refresh. No cords or straps required!
27
46
569
The Expo Router v4 beta is here 🚀. ◆ React Navigation v7.◆ DOM Components.◆ Tree shaking.◆ Streaming fetch.◆ New Architecture.
SDK 52 beta is now available!. Try upgrading your app and let us know if you run into any issues!. ⏳The beta period will last about two weeks.
12
33
573
I just built my own Google Nest app/website/server with @Expo Router 🚀. ◆ DOM Components for WebRTC streams.◆ React Server Components for auth, secrets, and AI.◆ iOS, Android, and web 🔥.◆ Fully typed backend/API.◆ Open source on my GitHub. This stack is crazy powerful 🤯
9
48
571
🚀 Soon: Environment Variables in @Expo!. ◆ Auto load all standard .env files 💾.◆ Use in source code and `app.config.ts` w/ Expo CLI.◆ Updates on app reloads––no clearing the Metro cache to see changes ⚡️. → Available on the 𝙢𝙖𝙞𝙣 branch and coming in Expo SDK 49!
27
61
544
Thinking it’s time to add a default styling solution to Expo (Router). Tailwind/Nativewind seems like the clear winner and best solution overall, thoughts?.
103
10
558
The top 100 Food & Drink apps in the App Store––August 2023. ◆ React Native - 30/100 .◆ Cordova - 9/100 .◆ Flutter - 1/100
31
86
541
Writing React Native with Tailwind (NativeWind) and @expo/html-elements is a trippy way to create a truly native app. Try it today with:. $ npx create-react-native-app -t with-html
25
70
553
🌶️ The best feature the React Native team could ship is precompiled code. iOS build times could be ~95% faster! . Here's the stats (more in thread) ↓. Before: 82s.◆ pod install: 23s.◆ xcodebuild: 59s. After: 4s 🚀.◆ pod install: 1.7s.◆ xcodebuild: ~2.3s. —.Before / After
12
66
551
🌟 It's FINALLY here! Build and run your Expo apps locally with the new @Expo CLI Run commands!. 🌺 Beautiful logging.🖋 Auto Code Signing.⚠️ Smarter Warnings & Errors.🔌 Prebuilding and Config Plugins. I'm so EXCITED for you to try it!! 🔥.
21
96
534
🤔 What if you could build the routes for your native app by simply. creating files?. › Easily scale and upgrade apps with less code.› Bundle split pages and develop faster.› Auto universal deep linking on all platforms.› Code sharing across @expo, both native and web
23
41
540
🚀 I built a new @Expo Router template for working with native context menus!. ◆ UIMenu & SF Symbols → Zeego.◆ Dropdown → shadcn/ui.◆ Styles → nativewind.◆ Navigation → Expo Router.◆ State → Zustand. 🆕 Clone it today with:. npx create-expo-app -e with-router-menus
12
53
542
*phone starts blowing up. Family: "oh well look at you Mr. Popular". Phone:
14
77
515
📈 Over ⅕ (22) of the Top 100 Finance Apps on the Apple App Store are powered by React Native 🏆. That's more than Cordova, Capacitor, RxSwift, and Flutter combined (14).
29
75
532
💫 Big Metro Speed Up in React Native with the New .@Expo "Exotic" Transformer!. 🚀 Up to 100% Faster Startup and CI bundling.🔥 18% Smaller Base Bundles.👑 Custom Transformers.😁 Less Metro Caching Required!. EXPO_USE_EXOTIC=1 expo start -c. Learn More 👉
29
89
530
heard there were computers in the clouds, so we flew up to investigate 🛩️
17
6
534
THIS IS HUGE! . You can now write CSS animations that run on all platforms, which means even better universal websites and much more animated native apps! 🚀.
Announcing React Native Reanimated 4 🐎. Long-awaited CSS Animations and Transitions support is here. Available now in Beta. Read more 👇
6
39
533
💡 These are all the header settings required in React Navigation / RNScreens to achieve a large blurry header with adaptive shadows.
10
27
506
🚀 I rewrote the Metro resolver in Expo SDK 51!. ◆ Up to 6x faster—super fast when restarting the CLI.◆ Has more features—full package exports support.◆ Simpler design w/ less custom code. ⚡️ Try it today. EXPO_USE_FAST_RESOLVER=1 npx expo. Before / After (less is more)
19
37
490
Expo Router lets you render type-safe React components anywhere:. ☁️ "use server" → Runs in the server. 🌐 "use dom" → Runs in a web view. 📱 "use client" (default) → Runs natively on iOS, Android, and web.
14
29
493
🚀 Available now: React Fast Refresh in @expo on iOS, Android, and web!! . ⚡️ Statefully refresh a single codebase across 3 platforms at once! . 🔥 Try it today!!
8
76
477
🔥 Now supports Watch apps! Still experimental and doesn't support setting up React for WatchOS.
@Baconbrix @expo This is good. I need Apple Watch support so I made this example which is less legit than what you made … do you have any goal to include watchOS support in that plug-in? I’d love to ditch mine haha.
21
32
475
Latest side-project feels like Magic! 🤩. 🚀 Built with the new expo/html-elements.💅 Design made with styled-components.🔥 Live updating iOS, Android, and Web.💯 Sharing 100% the same codebase!!. 🔗 Try it now with @expo snack:
12
43
475
🤯 You can just run native iOS apps right from your browser without going to the App Store with App Clips 🚀. Future is now!
Just built my first App Clip in @Expo Router!. ◆ Instantly launch on iOS w/o downloading.◆ Deep link to every screen automatically.◆ Convert users in-app w/o ever going to the App Store. The best possible iOS web experience—notifications, Live Activities, haptics, gestures
16
31
488
tbh, it’s impossible to tell that this app was built with @Expo (React Native):. ◆ UIMenu.◆ UINavigationController.◆ SF Symbols.◆ Opens instantly.◆ No JS runs on-device—only bytecode in prod. → Was very simple (and fun) to build this—only took a couple weekend hours.
🚀 I built a new @Expo Router template for working with native context menus!. ◆ UIMenu & SF Symbols → Zeego.◆ Dropdown → shadcn/ui.◆ Styles → nativewind.◆ Navigation → Expo Router.◆ State → Zustand. 🆕 Clone it today with:. npx create-expo-app -e with-router-menus
10
29
475
🚀 I always wanted to just run some React web code in a native app—that's why I created the new "use dom" directive!. ⚡️ Try it today in @Expo SDK 52 and watch my full @reactuniverse_ talk to learn more.
16
47
482