Loading video...

Video Failed to Load

Go Home

⚡️ Instantly add  home screen widgets to your React app with my new `npx create-target` command! Everything's possible with @Expo Router 🔥

Baconbrix's profile picture

Evan Bacon 🥓

59,111 subscribers

168,948 views • 1 year ago •via X (Twitter)

EducationArtsScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

11 Comments

Evan Bacon 🥓's profile picture
Evan Bacon 🥓1 year ago

Here’s the source for the app in the video:

Evan Bacon 🥓's profile picture
Evan Bacon 🥓1 year ago

You can also try this widget today on Test Flight

Callstack Engineers's profile picture
Callstack Engineers1 year ago

Grab your popcorn 🍿 Our React Native for TV guide is here, packed with the latest techniques and best practices. Don't miss out on this essential update to keep your apps running at peak performance 🚀 Download it now 🔗

Catalin Miron - AnimateReactNative.com's profile picture
Catalin Miron - AnimateReactNative.com1 year ago

@expo I’m going to use this flow in Havits Tracker as well. Great work, thank you! I’ve been following the targets repo for a while now 🤗

Marcelo Terreiro's profile picture
Marcelo Terreiro1 year ago

@expo the real question: EXPO ticker wen?

marcus 🥳's profile picture
marcus 🥳1 year ago

@expo s-tier

Bob Troia's profile picture
Bob Troia1 year ago

@expo This is amazing! @GollyJer and I have been waiting for this feature for so long to incorporate into @SuppTrack and our other @AwesomeLabsLLC apps 🚀

wisdom's profile picture
wisdom1 year ago

@expo looks awesome💯🔥

ryan's profile picture
ryan1 year ago

@expo this is f***ing amazing Evan

harun's profile picture
harun1 year ago

@expo leettss goo!

GM's profile picture
GM1 year ago

@expo could've named it expo stonks 😆

Related Videos

🚀 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
1:07

🚀 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

Evan Bacon 🥓

110,423 views • 2 years ago

i rebuilt Tesla’s new Robotaxi app with React Native Expo got the layer blur and gradients down with expo BlurView and LinearGradient. Buttery smooth with expo-router + reanimated should i publish to TestFlight?
0:32

i rebuilt Tesla’s new Robotaxi app with React Native Expo got the layer blur and gradients down with expo BlurView and LinearGradient. Buttery smooth with expo-router + reanimated should i publish to TestFlight?

david k

58,909 views • 1 year ago

New Expo example! Here's how to upload images from your app to an AWS S3 bucket with Expo Router and EAS Hosting
0:23

New Expo example! Here's how to upload images from your app to an AWS S3 bucket with Expo Router and EAS Hosting

Kadi Kraman 💚

35,410 views • 11 months ago

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic
0:27

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic

Sid

63,527 views • 2 years ago

Introducing MCP client-side tooling🪁 Add an MCP client into your React application with a single command $ npx copilotkit@latest init -m MCP Chat with MCP severs inside your app and allow them to be tools for your in-app copilot. Documentation, demo & tutorial 🔗👇
1:51

Introducing MCP client-side tooling🪁 Add an MCP client into your React application with a single command $ npx copilotkit@latest init -m MCP Chat with MCP severs inside your app and allow them to be tools for your in-app copilot. Documentation, demo & tutorial 🔗👇

CopilotKit🪁

38,050 views • 1 year ago

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
0:37

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

Evan Bacon 🥓

173,511 views • 1 year ago

🚨 Released a new Tutorial Video this morning!! How to create "Liquid" bottom tab navigation using Expo router and React Native Skia 🔥. I hope you'll enjoy learning about SDF Shaders and Headless Expo router tabs!
0:22

🚨 Released a new Tutorial Video this morning!! How to create "Liquid" bottom tab navigation using Expo router and React Native Skia 🔥. I hope you'll enjoy learning about SDF Shaders and Headless Expo router tabs!

Daniel Friyia 🇨🇦

21,253 views • 8 months ago

⚡️ What if you could incrementally adopt native views in React websites instead of starting from scratch? 🚀 Expo DOM Components make this possible! Watch: Migrating a shadcn template to Expo Router ↓
4:55

⚡️ What if you could incrementally adopt native views in React websites instead of starting from scratch? 🚀 Expo DOM Components make this possible! Watch: Migrating a shadcn template to Expo Router ↓

Evan Bacon 🥓

366,791 views • 1 year ago

How to add haptic feedback to your Expo Router Native Tabs in 70 seconds 👇 Full blog with code examples below
1:15

How to add haptic feedback to your Expo Router Native Tabs in 70 seconds 👇 Full blog with code examples below

Beto

31,926 views • 4 months ago

Built a fun lil' photo app with Expo and gave it some AI editing powers thanks to Gemini 2.0 Flash. Using expo-router + API routes, Galeria & Zeego by , and the smooth Software Mansion react-native-reanimated. Stoked to introduce some of the new Expo server stuff next 🚀
0:39

Built a fun lil' photo app with Expo and gave it some AI editing powers thanks to Gemini 2.0 Flash. Using expo-router + API routes, Galeria & Zeego by , and the smooth Software Mansion react-native-reanimated. Stoked to introduce some of the new Expo server stuff next 🚀

Jacob Clausen

20,189 views • 1 year ago

⚡day 5 of launch week: from (zero) MCP server to ChatGPT app this is peak developer experience 🤌🏼 1. define your UI in a single react file. 2. test it instantly with hot reload in the built-in Inspector 3. deploy it in one click on mcp-use Cloud 4. ship it directly to ChatGPT with: npx create-mcp-use-app@latest my-server --template apps-sdk you can go from zero to a deployed mcp server with apps sdk widgets in just 5 minutes here's how 🧵
2:50

⚡day 5 of launch week: from (zero) MCP server to ChatGPT app this is peak developer experience 🤌🏼 1. define your UI in a single react file. 2. test it instantly with hot reload in the built-in Inspector 3. deploy it in one click on mcp-use Cloud 4. ship it directly to ChatGPT with: npx create-mcp-use-app@latest my-server --template apps-sdk you can go from zero to a deployed mcp server with apps sdk widgets in just 5 minutes here's how 🧵

pederzh

22,647 views • 8 months ago

Introducing agent skills for React Native Storybook Teach your coding agent to: - Setup any project React Native project with Storybook - Write stories like a pro npx skills add storybookjs/react-native
1:00

Introducing agent skills for React Native Storybook Teach your coding agent to: - Setup any project React Native project with Storybook - Write stories like a pro npx skills add storybookjs/react-native

Daniel Williams

17,940 views • 5 months ago

We just upgraded to Expo 55! 🚀 Now the KitchenSink uses Expo Router v7 with liquid glass native feels because... React Native is actually native!
0:35

We just upgraded to Expo 55! 🚀 Now the KitchenSink uses Expo Router v7 with liquid glass native feels because... React Native is actually native!

gluestack

26,453 views • 5 months ago

Introducing create-desktop-app Create personal applications that integrate natively with your operating system and can be opened via raycast npx create-desktop-app
0:27

Introducing create-desktop-app Create personal applications that integrate natively with your operating system and can be opened via raycast npx create-desktop-app

Rob Pruzan

48,367 views • 2 months ago

🚀 Rocket tracking app with Expo Router and React Server Components! ◆ Started with DOM Components ◆ Migrated to native one route at a time ◆ iOS, Android, web, even runs in Expo Go! ◆ Data fetched securely on the server, no hooks needed ◆ Offline support for layouts, loading, scrolling, animations, transitions, and error states We're just getting started ⚡️
0:38

🚀 Rocket tracking app with Expo Router and React Server Components! ◆ Started with DOM Components ◆ Migrated to native one route at a time ◆ iOS, Android, web, even runs in Expo Go! ◆ Data fetched securely on the server, no hooks needed ◆ Offline support for layouts, loading, scrolling, animations, transitions, and error states We're just getting started ⚡️

Evan Bacon 🥓

25,393 views • 1 year ago

App Store analytics right on your phone with Appeeky, developed using Expo 🫶 📌 View your app's analytics directly from the app 📌 Receive push notifications for sales, trials, refunds, and more 📌 Respond to user reviews directly within the app Expo-55 SDK and native tabs are great. Can't wait to cook a few widgets with the expo-widget package. Testflight is here 👇
0:22

App Store analytics right on your phone with Appeeky, developed using Expo 🫶 📌 View your app's analytics directly from the app 📌 Receive push notifications for sales, trials, refunds, and more 📌 Respond to user reviews directly within the app Expo-55 SDK and native tabs are great. Can't wait to cook a few widgets with the expo-widget package. Testflight is here 👇

Erencan Arica

18,200 views • 2 months ago

Introducing 🚨 (open-source) The fastest way to run React Native / Expo apps in the browser. Metro bundler mapped to the web with HMR, Expo Router, assets, source maps! Go and try it now!
2:01

Introducing 🚨 (open-source) The fastest way to run React Native / Expo apps in the browser. Metro bundler mapped to the web with HMR, Expo Router, assets, source maps! Go and try it now!

Sanket Sahu

27,815 views • 3 months ago

Introducing expo-brownfield-target – a config plugin for Expo that lets you use your Expo app inside a different native iOS or Android app! 🚀 Why did we build it? Setting up brownfield projects with CNG can be complex and repetitive. expo-brownfield-target automates the setup, gives you configurable file templates, and ships with a CLI to simplify brownfield builds. 🛠️
0:47

Introducing expo-brownfield-target – a config plugin for Expo that lets you use your Expo app inside a different native iOS or Android app! 🚀 Why did we build it? Setting up brownfield projects with CNG can be complex and repetitive. expo-brownfield-target automates the setup, gives you configurable file templates, and ships with a CLI to simplify brownfield builds. 🛠️

Software Mansion

16,152 views • 7 months ago