Build a React Native App with Firebase Auth & Chat #1 - Create App

Подписаться 32 тыс.

Просмотров 9 тыс.

50% 1

Hello everyone 👋, today we are going to start building an Expo Router app with tailwindcss, and we will build a realtime chat system with firebase authentication. You will learn a lot in this series, we are going to use tailwindcss, lottie animations, responsiveness, firebase auth, firebase firestore, expo router and so much more.
🚀 Source Code: codewithnomi.com/projects/fir...
Add TailwindCSS in React Native: • Add Tailwind CSS In Yo...
Learn Expo Router: • Build complex layouts ...
Expo Router Installation: docs.expo.dev/routing/install...
Nativewind installation: www.nativewind.dev/v4/getting...
Reanimated installation: docs.swmansion.com/react-nati...
If you appreciate my work and you would like to support my channel: www.buymeacoffee.com/codewith...
🚨 more videos on react native:
Fitness App: • 🔴 Build a Fitness App ...
Food Recipe App : • 🔴 Build Food Recipe Ap...
Movie App : • 🔴 Build Movie App Usin...
Onboarding UI with Lottie Animations: • 🔴 Onboarding UI with L...
AI Voice Assistant with ChatGPT & DALL-E : • 🔴 Build a React Native...
Travel App UI : • 🔴 Travel App UI | Reac...
Weather App : • 🔴 Build Weather App Us...
Coffee App UI : • 🔴 Coffee App UI - Reac...
Food Delivery App : • 🔴 Build Food Delivery ...
RU-vid Clone App: • 🔴 RU-vid Clone - Reac...
Login | SignUp UI : • 🔴 Login | SignUp UI - ...
Fast Food App : • 🔴 Fast Food App UI - R...
App Store UI : • 🔴 App Store UI - React...
Fruit Shop UI : • 🔴 Fruit Shop UI - Reac...
Firebase Authentication React Native: • React Native Firebase ...
Food Delivery App : • Food Delivery App with...
Learn React Native: • Build Expensify App Wi...
Learn Reactjs: • Modern React For Begin...
#expo #reactnative #tailwindcss #javascript #programming #typescript #speedcode #coding #design #appdevelopment #reactjs #ui #uiux #reactnavigation #reactnativetutorial #react #animation #reactjs #navigation #navigationbar #uidesign #mobiledevelopment #iosdeveloper #buildinpublic #opensource #reactnativeapp #reactjstutorial #typescript
react native animations
animations in react native
react native tutorial
react native app
react native tutorial for beginners
react native project
react native course
reanimated 3.0
react native reanimated
react native firebase auth
firebase auth in react native
realtime chat in react native
firebase authentication
react native firebase chat
animations

Опубликовано:

5 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 26

@israelbosun4032 6 месяцев назад

Amazing, following through and looking forward to the next part on firebase.

@user-rk9um5jz3n 6 месяцев назад

Thank you sir

@manooj8502 6 месяцев назад

wow what a great app lots of love sir

@roslymokambo2946 6 месяцев назад

Thanks

@rajat-s-kale1771 6 месяцев назад

awesome

@arslanali-vi5nj 6 месяцев назад

sir it great me ny ap ki vidoes sy rect native ki hn kindlyy CLI me chat chat krwa dy or jaldi update kr dy Lot a love for your lectures nice teaching method

@sanjaysanthosh7009 6 месяцев назад

Can you please create notification using expo notification using firebase

@Lofibirdmusic Месяц назад

How to add new contact?

@nafey6691 2 месяца назад

why is there a tsconfig.json file? why dont i have it when i create a new project?

@desislavanedeva9209 3 месяца назад

does expo router is used in real projects?

@jayprakashjaiswal8220 5 месяцев назад

hey can u make video on expo file system

@booster404 5 месяцев назад

Sir, can you tell me, how to create iphone simulator like you

@RonanThomas 6 месяцев назад

I feel like they need to tell you in the Nativewind v4 documentation, that there are all these extra steps you need to do to get Nativewind v4 to actually start working. Its not very clear.

@martinmiz 5 месяцев назад

Step 1. npm install nativewind Step 2. npm install --dev tailwindcss@3.3.2 Step 3. npx tailwindcss init Step 4. Add config files for tailwindconfig and Babel tailwind config file content: [ './App.{js,jsx,ts,tsx}', './app/**/*.{js,jsx,ts,tsx}', './components/**/*.{js,jsx,ts,tsx}', ], Babel config file plugins: [ 'expo-router/babel', 'nativewind/babel', ], Step 5. Restart your server, and clear cache. - npx expo start -c Step 6. Start using tailwind.

@user-we7rk1ob2j 3 месяца назад

flutter❤

@isayocoder 6 месяцев назад

What macbook are you using ? If it is macbook air ., then is it enough to run both emulators and video editing ? Please reply., thank you

@codewithnomi 6 месяцев назад

I'm using m2 pro, but you can get any m1 macbook and it can handle emulators and video editing.

@Technology_Forum 6 месяцев назад

Ok is the emulator from Xcode, do you need Xcode when you use expo with react native

@isayocoder 6 месяцев назад

@@codewithnomi when you say m1 ., are you adressing m1 air (16gb) ? Brother

@jasim17 4 месяца назад

Why do most RU-vidrs choose to create videos using Expo? Is it because it's easier to use?

@hogdadi5072 6 месяцев назад

what is this phone emulation program?

@codewithnomi 6 месяцев назад

Iphone simulator from xcode

@Mr.AbubakarsPortfolio 6 месяцев назад

Please push notifications.

@codewithnomi 6 месяцев назад

Sure, will do in future

@martinmiz 5 месяцев назад

SETTING UP NATIVEWIND Step 1. npm install nativewind Step 2. npm install --dev tailwindcss@3.3.2 Step 3. npx tailwindcss init Step 4. Add config files for tailwindconfig and Babel tailwind config file content: [ './App.{js,jsx,ts,tsx}', './app/**/*.{js,jsx,ts,tsx}', './components/**/*.{js,jsx,ts,tsx}', ], Babel config file plugins: [ 'expo-router/babel', 'nativewind/babel', ], Step 5. Restart your server, and clear cache. - npx expo start -c Step 6. Start using tailwind.