πŸ”₯ Great Expo template - Expo Router v3 & Nativewind v4

Catalin Miron β€’ January 19, 2024
Video Thumbnail
Catalin Miron Logo

Catalin Miron

View Channel

About

The creator of AnimateReactNative.com, a collection of Premium and custom React Native animations, that's going to save your time, make your app shine and increase User Experience (UX). Previously I was Senior Engineer working at ElevenLabs, Microsoft, Skype and Hootsuite I'm building React Native tutorials, React Native animations using React Native Animated API, FlatList, React Native Animatable and React Native Reanimated. --- If you'd like to have access to all my video source code, you need to become a Patreon. I'm posting a new source code every week. πŸ‘‰ Access Premium and Custom React Native animations https://www.AnimateReactNative.com --- I have also created a Discord server where we can chat or help you with any issues that you might have. πŸ‘‰Join my Discord server: https://discord.gg/vg7hUDU

Video Description

πŸ”₯ 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: http://twitter.com/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