Skip to content

React Native Journey YT Channel - Expo with TS and TailwindCSS

Notifications You must be signed in to change notification settings

AkbarBakhshi/RN-Journey

Repository files navigation

Upgrade to Expo51:

  1. npm install expo@latest - Upgrade expo to latest version (51 in our case)
  2. npx expo install --fix - Resolve any dependency version compatibility issues

Here is a breakdown of the other branches:

  1. Starter: Tailwind CSS and Typescript setup. Corresponding video on YouTube: React Native Expo with Typescript and Tailwind CSS (2024)

  2. Features/ExpoRouter: Nested routing with Expo Router V3 (Drawer and bottom tabs). Corresponding video on YouTube: Expo Router V3 - Nested Bottom Tabs Inside Drawer Navigation

  3. Features/Themes: Themes with Expo Router v3 and NativeWind v4. Corresponding video on YouTube: The best and easiest way to add a custom theme to Expo app with Expo Router (V3) and NativeWind (V4)

  4. Features/DevClient: Expo Development Builds with Expo Dev Client. Corresponding video on YouTube: Expo Development Build

  5. Features/Splash_Icon_Fonts: Expo Splash screen (light and dark theme), App icon and Expo Google Fonts. Corresponding video on YouTube: Expo Fonts, App Icon and Splash Screen (dark/light mode)

  6. Features/ChatScreen: Handling Keyboard display and hiding in React Native for TextInput so that the keyboard does not cover the text input area in iOS. Corresponding video on YouTube: React Native Text Input iOS and Android - Handling Keyboard

  7. Features/Expo51_DevClient: Upgrading Expo SDK 50 to SDK 51 w/development builds. Corresponding video on YouTube: Ultimate Guide to Upgrade Expo SDK 50 to 51 - Managed workflow w/ Expo Go AND Development Builds

  8. Features/IntervalTimer: Build an interval timer (TABATA) in React Native. Use Expo Router, modal, Expo Haptics (vibrating device), Expo av (to make a beep sound), and more. Corresponding video on YouTube: Build an Interval Timer in React Native (Expo Router, Navigation, Modal with Vibration and Audio)

  9. Features/rnFirebase: Step-by-step instructions to configure Firebase for your Expo app (Expo Routerv3). Corresponding video on YouTube: Ultimate Firebase Setup for Expo in 2024: Step-by-Step Guide with Expo Router V3 & Full Auth Flow)

Reset Password & Email Verification with Firebase in Expo App | Step-by-Step Guide

  1. Features/Sanity_CMS: Stup Sanity CMS for your Expo React Native project. Corresponding video on YouTube: How to Integrate Sanity CMS with React Native/Expo - Step-by-Step Guide

Make sure to update project name and database inside sanity/sanity.config.ts as well as sanity.ts files with your account details.

  1. Features/Dynamic_App_Icons: Expo Prebuild demo using React Native Change Icon library Expo Prebuild Showcase: Dynamically Change Application Icons in React Native

About

React Native Journey YT Channel - Expo with TS and TailwindCSS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published