正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 1 年前 •via X (Twitter)

教育科学技术艺术

Anya Rossi• Live Now

Private livecam show

11 条评论

Evan Bacon 🥓 的头像

Evan Bacon 🥓1 年前

Try it today → Fork and deploy your own →

Christian Esmann 的头像

Christian Esmann2 年前

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 Sahu 的头像

Sanket Sahu1 年前

@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 🥓 的头像

Evan Bacon 🥓1 年前

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

Simon Grimm 的头像

Simon Grimm1 年前

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

Mehmet Erdoğan 的头像

Mehmet Erdoğan1 年前

@expo @shadcn Very nice congratulations

Dion Grendelman / Developer for SaaS 的头像

Dion Grendelman / Developer for SaaS1 年前

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

Evan Bacon 🥓 的头像

Evan Bacon 🥓1 年前

@expo @shadcn I like to try new things

Neomicho 的头像

Neomicho1 年前

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

Chaddez 的头像

Chaddez1 年前

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

Evan Bacon 🥓 的头像

Evan Bacon 🥓1 年前

@expo @shadcn

相关视频

🚀 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 次观看 • 2 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 10 个月前

✨ 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 次观看 • 1 年前

🚀 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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 2 年前

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 次观看 • 1 年前

🚀 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 次观看 • 2 年前

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 次观看 • 1 年前

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 次观看 • 5 个月前

🚀 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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 8 个月前

🚀 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 次观看 • 1 年前