Evan Bacon 🥓
@Baconbrix
Followers
34,566
Following
493
Media
1,142
Statuses
10,727
Explore trending content on Musk Viewer
#XMen97
• 43684 Tweets
#ときのそらお披露目生誕祭
• 38813 Tweets
#UAAPSeason86
• 35878 Tweets
$FURY
• 35371 Tweets
バッカーノ
• 19633 Tweets
ドラマティカ
• 13429 Tweets
大井記念
• 13010 Tweets
Bコース
• 10715 Tweets
松本健吾
• 10675 Tweets
#特捜9
• 10534 Tweets
Pinned Tweet
Top 100 Business apps in the App Store––May 2024
◆ React Native - 26/100
◆ Flutter - 3/100
◆ Cordova - 8/100
12
42
286
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
53
507
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!
78
413
3K
📣 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.
51
191
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
185
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
40
171
1K
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
19
134
1K
pro tip: alias any to TODO to make people think you plan on fixing it later.
29
124
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
130
1K
🚗💨 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
177
984
🚀 I merged my first PR into Create React App!
🔥 Install is now ~63% smaller, the install is noticeably faster 💫
22
37
978
🚀 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
104
922
🔥 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 🚀
50
135
876
🚀 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
176
849
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
119
789
🚀 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
41
108
771
🚀 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
86
769
I made my mac 🎉🎉🎉 when React Native rebuilds
12
27
708
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.)
200
327
4K
19
67
686
📢 Expo Router v1 is now available!
◆ First stable release 🧭
◆ v2+ Roadmap now available 🚀
◆ Default
@Expo
navigation template now uses Expo Router 🔥
Learn more ↓
28
121
685
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 ↓
20
97
677
💡 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.
26
27
670
The top 100 Sports apps in the App Store––August 17, 2023
◆ React Native - 33/100
◆ Cordova - 4/100
◆ Flutter - 3/100
30
109
661
🚀 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
68
660
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
84
660
🧵 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
9
106
651
📢 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
95
660
🚀 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!
39
111
643
🚀 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
627
🚀🔥 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
97
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
9
69
603
██████
██████
██████
██████
██████
██████
██████ _____________
PROJECT TIME
IDEAS
8
115
595
🚀 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
64
608
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
105
591
🚀 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
589
Using EAS Build to develop native apps on my VisionPro, over-the-air with Fast Refresh.
No cords or straps required!
28
51
583
🚀 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
63
563
The top 100 Food & Drink apps in the App Store––August 2023
◆ React Native - 30/100
◆ Cordova - 9/100
◆ Flutter - 1/100
32
90
563
🌟 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!! 🔥
22
100
560
🤔 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
24
42
557
*phone starts blowing up
Family: "oh well look at you Mr. Popular"
Phone:
14
86
553
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
68
553
📈 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).
30
77
544
💫 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
92
546
🚀 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
13
52
541
🚀 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
78
491
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
46
486
🔥 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
0
1
13
21
32
491
After 8 years, Apple has officially released a guide on debugging Universal Links.
◆ Test with Notes, not Safari
◆ Diagnose issues with `sudo swcutil`
◆ Confirmation that mixing formats breaks AASA
◆ Guidance on domain wildcards
8
64
483
🌶️ 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
10
59
483
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
13
52
541
11
29
484
🚀 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)
16
36
476
The top 100 Finance apps in the App Store––September 2023
◆ React Native - 30/100
◆ Flutter - 6/100
◆ Cordova - 5/100
16
72
453
Pro tip: You can remove all console logs from your React Native app in production via the metro.config.js
8
54
450
👉 Nearly ¼ of the top Shopping Apps on the Apple App Store use React Native.
🤔 But are they any good? Let's look at the average user rating (out of 5 stars):
🥇 React Native: 4.78 ★
🥈 Average rating: 4.7 ★
🥉 Flutter: 3.84 ★
25
80
448
React Native is still mostly in the props-for-everything era (left), we need more compositional APIs (right).
27
21
452
⚡️ ~40% faster iOS builds with the new M1 support in EAS Build! 🚀
The easiest way to build a React Native iOS app just got a lot faster!
↓ Experience the game-changing speed of M1 on
@Expo
, today! ↓
22
43
444
😐 Google Play API URL changing
from: `/v1/developers/XXX:createApp`
to: `/v1/developers/XXX:createAppV2`
Instead of: `/v2/developers/XXX:createApp`
lol
17
21
448
Deploying mobile apps needs to be more like deploying websites and less like setting up an online dating profile.
14
52
440
🤯 I'm so THRILLED by how extremely smooth these Animations and Interactions have gotten in the browser!! 😁
Almost no difference between Web and Native anymore in this Reanimated demo on
@expo
! 🚀💻
8
42
436
𝗘𝘅𝗽𝗼 𝟰𝟴
◇ File-based routing everywhere!
◇ Images that just work™
◇ Flex gap & more styles
◇ Faster app startup w/ Hermes
◇ Faster bundling w/ Metro
◇ Debugging w/ Chrome Dev Tools
◇ Up to 2x faster iOS builds w/ M1 on EAS Build
↓ Try now
14
61
441
🚀
@Expo
48 Beta is here!
◆ File-based Routing 🧭
◆ Faster Images 🌠
◆ Flex Gap and more web styles 💅
◆ Hermes by default! Better Debugging 📈📈
◆ M1 Builds by default ⚡️
◆ Fabric everywhere 🎉
Try it today and give us feedback ↓
13
49
439
TIL: You can reload your bare React Native app programmatically using the DevSettings module 😮
8
39
430
You can easily add this to your
@Expo
app with the expo-quick-actions Config Plugin.
Example ↓
8
36
428
Flutter is not used in any of the top apps listed when you search “google” on the App Store.
2
44
414
Bluesky being instantly available on iOS, Android, and web with the same set of performant features is astounding! 🚀
Universal
@Expo
has come a long way—we’re getting so close to: Write Once, Run Everywhere 🌎
12
25
413
Today is the 1 year anniversary of
@Expo
Router—It’s been an amazing first year! 🚀
v1: File-based routing for native apps
v2: Static websites from universal apps
v3: Servers and API Routes (RFC)
v4: [To be announced] 🎁
So grateful to all the users, the team, and community for…
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!
78
413
3K
12
31
407
🤔 Any interest in seeing all top apps using Expo/React Native for every category?
There’s over a thousand (+1.5k) in the last few months...
The top 100 Sports apps in the App Store––August 17, 2023
◆ React Native - 33/100
◆ Cordova - 4/100
◆ Flutter - 3/100
30
109
661
20
30
362
🧭 Expo Router v2 has entered beta!
My favorite features:
◆ Statically Typed Routes
◆ Static Rendering
◆ CSS and Tailwind for web
◆ Lazy bundling
◆ src/app directory support
◆ Typed aliases
◆ Expo <Head />
◆ Environment Variables
◆ No more index.js entry
◆ Beta docs
SDK 49 beta is now available!
Try upgrading your app and let us know if you run into any issues!
⏳The beta period will last for about a week.
22
121
630
22
54
400
Sometimes “vanilla native” is slower than React Native.
For years, React Native’s Yoga layout library has been substantially faster than Apple’s UIStackView and Auto Layout.
Nothing is technically preventing Apple from making UIKit better, they just don’t.
10
51
395
→ Swift developers have historically been very upset with writing native code in React Native. Understandable as there was no first-class Swift support.
But with
@Expo
Modules API, that's no longer the case!
It's probably time to take another look ↓
10
45
391
I’ll be releasing something new, experimental, and extremely exciting in 77 days
We're excited to announce that Evan Bacon (
@Baconbrix
) will be speaking about Expo and server components at this year's React Conf!
22
24
271
14
12
395
The Tesla app uses
@Expo
—innovation everywhere 🚀
Share directions with your Tesla from your phone & it will automatically start routing
2K
3K
25K
11
34
385
🏆 Almost ¼ (24/100) of the Top Food and Drink iOS Apps use React Native––more than RxSwift (8), Cordova (8), and Flutter (1)––combined 🚀
16
60
385
No error screen, just inlined error messages in React Native 😍
5/ Without doing anything extra, the simulator/emulator session is equipped with an integrated debugger that stops at breakpoints. Uncaught exceptions instead of displaying red box will navigate you to the file and line responsible for an error.
5
7
171
1
25
380
Portal - Immersive Escapes––one of the first apps for Vision Pro––uses React Native on iOS 🥽
#WWDC23
10
35
376
🌸 Automatically create dynamic app icons from a list of images using Expo config plugins...
Thoughts? 🤔
19
43
374
🚀 Was building a cross-platform, responsive Medium clone to test the new
@Expo
File System-based Router.
This is a ton of fun to use! Navigation just flows together and feels like the easiest part of the app to build! Also got cross-platform deep linking automatically 😍
14
28
372
