🔥 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
---
[ Ссылка ]
----
👉👉 Access 115+ React Native Animations, the biggest react native animation collection: [ Ссылка ]
----
You can find me on:
- Github: [ Ссылка ]
- Twitter: [ Ссылка ]
- Website: [ Ссылка ]
---
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
🔥 Great Expo template - Expo Router v3 & Nativewind v4
Теги
catalin mironAnimateReactNative.comexpo router v3expo cross platformexpo starternativewindnativewind exponativewind typescriptnativewind react native expoanimate react nativereact navigation in react nativereact native webexpo routernativewind react nativereact nativereact native expo routerexpo sdk 50react native expo tutorialreact native expo templatemobile app developmentReact tutorial for beginners