Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

I built a quick app to search through expo/vector-icons 🚀 ◆ Framework — Expo Router ◆ Hosting — eas deploy ◆ UI — shadcn / Tailwind ◆ Virtual list — tanstack/react-virtual Link and source below ↓

Evan Bacon 🥓

59,144 subscribers

34,384 views • 1 year ago •via X (Twitter)

Education Science & Technology Arts

Anya Rossi• Live Now

Private livecam show

11 Comments

Evan Bacon 🥓1 year ago

Try it today → Fork and deploy your own →

Christian Esmann2 years ago

I just launched an all-in-one template for cross-platform development, based on the stack I use myself everyday. Expo, NextJS, TypeScript, Tailwind, Firebase, AppsFlyer, Authentication, Analytics, In-App Purchases, Stripe and a lot more, setup by default.

Sanket Sahu1 year ago

@expo @shadcn although I love it 🙌, don't you think it would be confusing for the new comers when we use react-virtual / shadcn for Expo in the essence of staying native first?

Evan Bacon 🥓1 year ago

@expo @shadcn I do not. The existence and usage of React DOM does not invalidate the functionality or technical details of React Native.

Simon Grimm1 year ago

@expo @shadcn Nice, used the old overview so many times!

Mehmet Erdoğan1 year ago

@expo @shadcn Very nice congratulations

Dion Grendelman / Developer for SaaS1 year ago

@expo @shadcn Dope! Why the react virtual over a flashlist for mobile?

Evan Bacon 🥓1 year ago

@expo @shadcn I like to try new things

Neomicho1 year ago

@expo @shadcn Thanks a lot . I normally use SF Symbols @raycastapp extension for it

Chaddez1 year ago

@expo @shadcn Out of interest, which ui component library do you normally use for React Native?

Evan Bacon 🥓1 year ago

@expo @shadcn

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

🚀 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

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 🚀

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

Just open-sourced the app I built to test Tailwind v4. • Tailwind v4 + React 19 • Custom themes, colors & scaling • Data Table with filters • Draggable & editable rows Code’s yours. Link below.

Just open-sourced the app I built to test Tailwind v4. • Tailwind v4 + React 19 • Custom themes, colors & scaling • Data Table with filters • Draggable & editable rows Code’s yours. Link below.

shadcn

538,702 views • 1 year ago

Current progress on my AI Tattoo app 🤓 The Tattoo Playground is powered by: - CSS animations in RN (hat tip Kacper Kapuściak) - Expo Module for a native SwiftUI input view (via Kavsoft) - Custom haptic engine with expo-modules by vo—va 🇺🇦 (also used in Fuse 🤩) - Pressto for seamless pressable handling (thanks Enzo Manuel Mangano) - Sonner Native for toasts thanks to Gunnar Torfi - Apple Foundation Models for on-device prompt suggestions (via expo-modules) - Expo Router v7 (canary) for routing + API Routes on EAS Hosting - React Native Screens (v4.18.0) with UITabBarItem support - Expo UI (context menus) + Expo Image - React Native Reanimated by Software Mansion - Nano Banana 2 Lite for amazing image results - And more! :) Source code is available for Code with Beto members — link below 👇

Current progress on my AI Tattoo app 🤓 The Tattoo Playground is powered by: - CSS animations in RN (hat tip Kacper Kapuściak) - Expo Module for a native SwiftUI input view (via Kavsoft) - Custom haptic engine with expo-modules by vo—va 🇺🇦 (also used in Fuse 🤩) - Pressto for seamless pressable handling (thanks Enzo Manuel Mangano) - Sonner Native for toasts thanks to Gunnar Torfi - Apple Foundation Models for on-device prompt suggestions (via expo-modules) - Expo Router v7 (canary) for routing + API Routes on EAS Hosting - React Native Screens (v4.18.0) with UITabBarItem support - Expo UI (context menus) + Expo Image - React Native Reanimated by Software Mansion - Nano Banana 2 Lite for amazing image results - And more! :) Source code is available for Code with Beto members — link below 👇

Beto

35,480 views • 10 months ago

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇

Saúl

81,930 views • 1 year ago

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:

KeenThemes Market

12,695 views • 1 year ago

Introducing the open-source Next.js Audio Starter Kit Add Text to Speech, Speech to Text, Sound Effects and Conversational AI to your product in minutes. Built with: • ElevenLabs SDK • Next.js + shadcn/ui • Tailwind CSS v4 Repo link in the comments below:

Introducing the open-source Next.js Audio Starter Kit Add Text to Speech, Speech to Text, Sound Effects and Conversational AI to your product in minutes. Built with: • ElevenLabs SDK • Next.js + shadcn/ui • Tailwind CSS v4 Repo link in the comments below:

ElevenLabs Developers

145,836 views • 1 year ago

My first React Native app😁 Can't believe I built this in a few days. What I struggled to achieve with Jetpack compose🤦‍♀️. I am definitely here to stay😊 Built with Expo, React navigation and Nativewind

My first React Native app😁 Can't believe I built this in a few days. What I struggled to achieve with Jetpack compose🤦‍♀️. I am definitely here to stay😊 Built with Expo, React navigation and Nativewind

Silver Idahosa

35,078 views • 2 years ago

I use AI to build mobile apps. Built a React Native chat app during my Twitch livestream two months ago, leveraging Cursor, OpenAI, and Expo. I demonstrated how to build a mobile app from scratch using AI, integrating OpenAI APIs to power the chat completion feature. Source code is in my github Full livestream replay here (6 hours) Cursor OpenAI Expo

I use AI to build mobile apps. Built a React Native chat app during my Twitch livestream two months ago, leveraging Cursor, OpenAI, and Expo. I demonstrated how to build a mobile app from scratch using AI, integrating OpenAI APIs to power the chat completion feature. Source code is in my github Full livestream replay here (6 hours) Cursor OpenAI Expo

Melvin Vivas

26,178 views • 1 year ago

🚀 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, Expo RSC can server render interactive native views and animations. This is the future of mobile apps.

🚀 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, Expo RSC can server render interactive native views and animations. This is the future of mobile apps.

Evan Bacon 🥓

170,925 views • 2 years ago

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic

CodeHagen

241,680 views • 1 year ago

Duolingo has one of the best mobile UIs in the world. 🦉💚 So I decided to clone it in React Native. Built with Expo, #Reanimated, #RNSVG, and Uniwind for styling. 🚀📱 Source 👇

Duolingo has one of the best mobile UIs in the world. 🦉💚 So I decided to clone it in React Native. Built with Expo, #Reanimated, #RNSVG, and Uniwind for styling. 🚀📱 Source 👇

Hewad Mubariz

13,276 views • 5 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 ⚡️

🚀 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

oh one more thing. I updated the cli to work cross-framework. Here's me installing a v0 generation for Next.js inside a @laravelphp app. It auto-detects Laravel and adapts the route. Same payload, zero config. Works for Vite + React Router too.

oh one more thing. I updated the cli to work cross-framework. Here's me installing a v0 generation for Next.js inside a @laravelphp app. It auto-detects Laravel and adapts the route. Same payload, zero config. Works for Vite + React Router too.

shadcn

52,078 views • 1 year ago

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with @niceprompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with @niceprompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳

Erencan Arica

43,741 views • 8 months ago

🚀 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 React Universe Summit | June 23, 2026 talk to learn more...

🚀 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 React Universe Summit | June 23, 2026 talk to learn more...

Evan Bacon 🥓

49,833 views • 1 year ago