🔥 Great Expo template - Expo Router v3 & Nativewind v4
🔥 In this video I'd like to quickly showcase how to bootstrap the new Expo template that include expo-router v3 and nativewind v4.
expo-router v3 comes with great features and it's the only file-based routing system on React Native.
◆ Expo Router v3 beta
◆ Nativewind v4
◆ src directory, typescript, aliases.
Installation command:
npx create-expo-app -e with-router-tailwind
bunx create-expo-app -e with-router-tailwind
---
https://www.AnimateReactNative.com
----
👉👉 Access 115+ React Native Animations, the biggest react native animation collection: https://www.AnimateReactNative.com
----
You can find me on:
Github: http://github.com/catalinmiron
Twitter: / mironcatalin
Website: https://www.AnimateReactNative.com
---
Timeline:
00:00 Introduction
00:22 install template using bun
00:46 open the template in VSCode
01:21 add userInterfaceStyle automatic
02:55 fix dark/light theme switch
03:57 nativewind automatically transition colors using system ui
06:30 create a second route using expo-router
07:06 navigate to the second page + awesome TypedRoutes
07:43 convert the navigator to Native Stack
08:01 cross-platform template - showcase web
08:35 closing
#react-native-template #expo-router-v3 #nativewind #expo-router