- Видео 36
- Просмотров 6 738
App Stack Engineer
Индия
Добавлен 6 июл 2024
Hi there! I'm Naseebuddin from Afghanistan 🇦🇫 , a Mobile Software Engineer 👨💻 creating apps for iOS and Android 📱 ,
I specialize in using react-native technologies .
I specialize in using react-native technologies .
Login and Registration using Firebase in React Native || React Native Firebase Authentication Login
Here’s a description you can use for your RUclips video titled "Login and Registration using Firebase in React Native || React Native Firebase Authentication Login":
In this tutorial, I’ll guide you through the process of implementing Login and Registration using Firebase in React Native. Whether you're building a new mobile app or looking to add authentication features, this video will show you how to integrate Firebase Authentication for both login and signup functionality.
What you’ll learn:
How to set up Firebase in a React Native app.
Implementing user registration and login using Firebase Authentication.
Best practices for secure authentication in mobile apps.
Handling authentication erro...
In this tutorial, I’ll guide you through the process of implementing Login and Registration using Firebase in React Native. Whether you're building a new mobile app or looking to add authentication features, this video will show you how to integrate Firebase Authentication for both login and signup functionality.
What you’ll learn:
How to set up Firebase in a React Native app.
Implementing user registration and login using Firebase Authentication.
Best practices for secure authentication in mobile apps.
Handling authentication erro...
Просмотров: 88
Видео
React Native Firebase Authentication | Anonymous User Login | Firebase Console Setup Tutorial 2024🔥
Просмотров 7721 день назад
In this tutorial, we'll explore how to implement anonymous authentication in your React Native app using Firebase. Anonymous authentication allows users to access your application without creating a traditional account, enabling a smoother onboarding experience. We'll start by setting up a new React Native project and integrating Firebase. You’ll learn how to enable anonymous authentication in ...
React Native Firebase Setup Tutorial | Create and Configure Firebase in React Native | Updated 2024
Просмотров 10321 день назад
Welcome to the React Native Firebase Setup Tutorial for 2024! In this video, we’ll walk you through the steps to create a Firebase project in the Firebase Console and then configure Firebase in your React Native app. Whether you're using React Native 0.74 or 0.75, this tutorial covers everything you need to get Firebase up and running for Android and iOS. 🔥 What you'll learn: Creating a Firebas...
React Native Custom Form Input Validation for Email,Phone: Best Practices & Tips
Просмотров 73Месяц назад
In this video, I’ll guide you through implementing custom form input validation in React Native for both email and phone numbers. We'll cover: Email validation: How to handle proper email formats using regex. Phone number validation: Ensuring phone numbers meet international standards. Best practices for writing clean and efficient validation logic. Tips to enhance user experience with clear er...
React Native Phone Number Login with OTP Verification: UI Design (Part 2) Authentication | React UI
Просмотров 127Месяц назад
Here’s a description for your project: In this video, we dive into designing a React Native UI project with a focus on creating a Login Screen and an OTP Verification Screen. We’ll cover the use of custom components throughout the project, including a TextInput component and a Button component. By the end of the video, you'll have a complete understanding of how to implement and style these ess...
React Native Authentication UI Project: Project Structure, React Navigation Setup, Styles (Part 1)
Просмотров 832 месяца назад
Welcome to our beginner-friendly video series designed for anyone looking to start their journey with React Native, from scratch to advanced levels. In this series, we'll guide you step by step, starting with downloading the project, setting up the folder structure, and installing essential libraries like React Navigation. You'll learn how to organize your project, set up all the necessary scre...
React Native Todo App Final Part: UI Design and Pass Data Props Between Screens React Native Project
Просмотров 3172 месяца назад
In this final part of our React Native Todo App series, we'll dive into implementing the user interface design and learn how to pass data props between screens via routing. We'll cover: How to design and structure the final UI for the Todo App Techniques for passing data between screens using React Navigation Best practices for managing screen transitions and data flow By the end of this video,...
React Native Todo App Part 4: Implement User Login and Logout with Redux Toolkit || UI Design
Просмотров 3812 месяца назад
In this video, I will show you how to use the Redux Toolkit (RTK) library for state management in a React Native application. We'll dive into managing login and logout sessions, similar to handling authentication with an AuthStack and MainStack. By the end of this tutorial, you'll have a clear understanding of how to implement RTK for seamless state management and secure user authentication in ...
React Native Todo App Part 3 - Designing Sign-In Screen Navigation React Native Projects Tutorial
Просмотров 1332 месяца назад
In this tutorial, we'll design a responsive Sign-In screen for our React Native Todo App. Follow along to learn how to create a clean and functional UI for user authentication. 🎉 Source Code : github.com/Naseebuddin/Todo_App_React_native.git React Native Todo App Part -1 | React Native Projects || React Native Tutorial : ruclips.net/video/riGUAeZDubA/видео.html React Native Todo App Part-2 | Si...
React Native Todo App Part 2 | Signup Screen Navigation Stack | React Native Projects & Tutorial
Просмотров 1202 месяца назад
hIn this video, you will learn how to design a Signup screen, implement React Native navigation, and create a custom TextInput component. This is part 2 of our React Native Todo App series, where we continue to build out our project step-by-step. What you'll learn: Designing a Signup screen in React Native Setting up navigation with React Navigation Creating a custom TextInput component If you'...
React Native Todo App Part 1 - Folder Structure and UI for Onboarding Screen React Native Projects
Просмотров 2692 месяца назад
React Native Todo App Part In this part of the React Native Todo App series, we will cover: Creating Folder Structure: Set up an organized folder structure for easy maintenance and scalability. Building a Custom Bottom Component: Develop a reusable and customizable bottom navigation component for seamless screen navigation. Designing an Onboarding Screen: Create an engaging onboarding screen to...
How to make Custom Dropdown in React Native || 2024
Просмотров 3422 месяца назад
Learn how to create a custom dropdown menu in React Native to enhance your app's user interface. This tutorial will guide you through the steps to build a stylish and functional dropdown component from scratch. Perfect for beginners and developers looking to add a polished touch to their React Native applications. Link for responsiveSize Documentation : medium.com/simform-engineering/create-res...
Generate QR Code in React Native App | Easy Tutorial
Просмотров 1222 месяца назад
In this tutorial, we'll show you how to generate QR codes in a React Native app using the react-native-qrcode-svg library. This step-by-step guide is perfect for beginners and will help you integrate QR code functionality into your mobile applications effortlessly. Topics Covered: Setting up react-native-qrcode-svg Generating a basic QR code Customizing QR code appearance Implementing QR code g...
How to Build and Run a React Native Project App from Xcode
Просмотров 3503 месяца назад
How to Build and Run a React Native Project App from Xcode
React Native Tutorial: How to Implement Pull-to-Refresh Using RefreshControl with ScrollView Loader
Просмотров 653 месяца назад
React Native Tutorial: How to Implement Pull-to-Refresh Using RefreshControl with ScrollView Loader
React Native: How to Use ActivityIndicator for Implementing a Loader
Просмотров 153 месяца назад
React Native: How to Use ActivityIndicator for Implementing a Loader
React Native TextInput: Building a Password Input with Hide and Show Functionality
Просмотров 303 месяца назад
React Native TextInput: Building a Password Input with Hide and Show Functionality
React Native Switch Component Tutorial: Implementing and Styling Switches in Your App
Просмотров 183 месяца назад
React Native Switch Component Tutorial: Implementing and Styling Switches in Your App
Creating a Timer in React Native with useEffect Hook | #ReactNative
Просмотров 133 месяца назад
Creating a Timer in React Native with useEffect Hook | #ReactNative
How to Create a GitHub Repository for React Native | Git Push, Commit, Pull, Branch, Checkout | 2024
Просмотров 553 месяца назад
How to Create a GitHub Repository for React Native | Git Push, Commit, Pull, Branch, Checkout | 2024
Building a Counter App in React Native with useState Hook | #ReactNative
Просмотров 463 месяца назад
Building a Counter App in React Native with useState Hook | #ReactNative
React Native Tutorial: How to Add and Use Images and ImageBackground | #day3
Просмотров 183 месяца назад
React Native Tutorial: How to Add and Use Images and ImageBackground | #day3
React Native Tutorial #2: Mastering the Text Component
Просмотров 53 месяца назад
React Native Tutorial #2: Mastering the Text Component
React Native Tutorial for Beginners Day 1
Просмотров 293 месяца назад
React Native Tutorial for Beginners Day 1
React Native Social Sharing with react-native-share | 0.74 | 2024
Просмотров 2203 месяца назад
React Native Social Sharing with react-native-share | 0.74 | 2024
Debugging React Native Apps Using Reactotron 0.74, 0.75 || performance || Debug tools #debugger
Просмотров 1,4 тыс.3 месяца назад
Debugging React Native Apps Using Reactotron 0.74, 0.75 || performance || Debug tools #debugger
How to Add a Date Picker in React Native 0.74 | 2024 #reactnative #calander #coding #programming
Просмотров 633 месяца назад
How to Add a Date Picker in React Native 0.74 | 2024 #reactnative #calander #coding #programming
React Native Custom Fonts | Add Custom Fonts in React Native iOS & Android Setup (v0.74, v0.75) 2024
Просмотров 1583 месяца назад
React Native Custom Fonts | Add Custom Fonts in React Native iOS & Android Setup (v0.74, v0.75) 2024
React Native Image Crop Picker Adding Images from Camera & Gallery | React Native Tutorial
Просмотров 4353 месяца назад
React Native Image Crop Picker Adding Images from Camera & Gallery | React Native Tutorial
React Native iOS Environment Setup on macOS (2024) -Step-by-Step Guide | Xcode | CocoaPods | Node.js
Просмотров 8513 месяца назад
React Native iOS Environment Setup on macOS (2024) -Step-by-Step Guide | Xcode | CocoaPods | Node.js