CodSod
CodSod
  • 35
  • 63 949
Master Redux Toolkit with React Native Expo | State Management Made Easy! (Hindi Tutorial)
Master Redux Toolkit with React Native Expo | State Management Made Easy! (Hindi Tutorial)
In this video, I’ll teach you how to integrate Redux Toolkit with React Native Expo for efficient and scalable state management in your apps. Learn how to set up Redux Toolkit from scratch, create slices, manage the global state, and connect it seamlessly to your Expo app. This step-by-step tutorial, explained in Hindi, simplifies complex state management concepts for beginners and advanced developers alike.
By the end of this video, you'll have a solid understanding of Redux Toolkit and how to use it effectively in your React Native Expo projects. Make sure to subscribe for more React Native tutorials in Hindi!
Welcome to codsod, a coding/programming dedicated channel in Hindi language. Now you can learn best of programming concepts with industry standard practical guide in Hindi language.
All source code is available at my Github account:
github.com/ivishalchaubey
Follow Me On Social Media
►Website (under devlopment): www.codsod.com
►Instagram: _codsod?igsh=OWt5bjAydHFlY2Jl
►Whatsapp: whatsapp.com/channel/0029VaSDo44Fsn0Y4AzlFt3R
►Telegram Group: t.me/+QBG6Zgt0Z_E0Mzhl
►Telegram Channel: t.me/codsod
Comment "#codsod" if you read this 😉😉
Переглядів: 205

Відео

React Native Expo SECRET to Switching from Auth Stack to Main Stack
Переглядів 61021 день тому
React Native Expo SECRET to Switching from Auth Stack to Main Stack In this crucial video of the WhatsApp Clone series, I’ll show you how to seamlessly switch between the Auth Stack and Main Stack using local storage in React Native Expo. 🚀 This is a key feature that lets your app remember if a user is already logged in, ensuring a smooth user experience. We’ll use MMKV local storage to save us...
Expo Reset Project Not Working? Quick & Easy Fix (2024 Guide)
Переглядів 158Місяць тому
Expo Reset Project Not Working? Quick & Easy Fix (2024 Guide) Having trouble with the "Expo reset project" command not working in your React Native development? In this video, we dive into simple yet effective solutions to fix this issue. Whether you’re encountering errors, a blank screen, or the dreaded "project not found" message, we’ve got you covered. Follow along to get your Expo project r...
Create OTP Screen for WhatsApp Clone in React Native Expo | Verify Phone Number (Hindi Tutorial)
Переглядів 567Місяць тому
Create OTP Screen for WhatsApp Clone in React Native Expo | Verify Phone Number (Hindi Tutorial) In this video of the WhatsApp Clone series, I’ll show you how to create a functional OTP (One-Time Password) Screen in React Native Expo. Learn how to design the OTP input UI and implement the logic for verifying phone numbers after login. This tutorial, explained in Hindi, will walk you through cap...
Create WhatsApp Login Screen with Phone Number & Country Picker | React Native Expo (Hindi Tutorial)
Переглядів 544Місяць тому
Create WhatsApp Login Screen with Phone Number & Country Picker | React Native Expo (Hindi Tutorial) In this third part of the WhatsApp Clone login series, we build the Login Screen where users can enter their phone number along with a Country Picker for selecting the correct country code. This step-by-step tutorial, explained in Hindi, will walk you through creating an intuitive login UI with ...
How to Integrate a Video Call Feature in Your React Native App Using ZEGOCLOUD
Переглядів 166Місяць тому
How to Integrate a Video Call Feature in Your React Native App Using ZEGOCLOUD Get 10000 free mins with UIKits: bit.ly/47hOEyu · Learn more about ZEGOCLOUD: bit.ly/3Xh5VDA · How to build react native video call App: bit.ly/47nBDUb ZEGOCLOUD video call SDK &API allows you to easily build your live video chat apps within minutes. In this comprehensive tutorial, learn how to integrate a video call...
How to Create Android & iOS Builds with Expo | React Native Build Tutorial (Hindi)
Переглядів 541Місяць тому
How to Create Android & iOS Builds with Expo | React Native Build Tutorial (Hindi) In this video, I’ll show you how to create Android and iOS builds using Expo for your React Native apps! 🚀 Whether you're developing for Android or iOS, Expo makes it easy to generate production-ready builds without the need for Xcode or Android Studio. This step-by-step tutorial, explained in Hindi, will guide y...
Create YouTube-Style Tag Input UI with React Native Expo | Add & Remove Tags with Toasts
Переглядів 98Місяць тому
Create UA-cam-Style Tag Input UI with React Native Expo | Add & Remove Tags with Toasts (Hindi Tutorial) In this video, I’ll show you how to create a UA-cam-style tag input UI using React Native Expo! Learn how to build a feature where users can enter tags, display them inside toast notifications, add multiple tags, and even remove them dynamically. This UI and logic is perfect for any app that...
Create WhatsApp Welcome Screen UI in React Native Expo | Login Page Part 2 (Hindi Tutorial)
Переглядів 703Місяць тому
Create WhatsApp Welcome Screen UI in React Native Expo | Login Page Part 2 (Hindi Tutorial) In this second part of the WhatsApp Clone login series, we design the Welcome Screen UI using React Native Expo. Learn how to create a sleek and professional welcome screen for your app, setting up the design and layout elements to give users a great first impression. This video, explained in Hindi, will...
Create Responsive UI in React Native Expo - Master Responsive Design & Values! (Hindi Tutorial)
Переглядів 3722 місяці тому
Create Responsive UI in React Native Expo - Master Responsive Design & Values! (Hindi Tutorial) Want to make your React Native app look great on any screen size? In this video, I’ll show you how to create a fully responsive UI using React Native Expo! Learn how to handle responsive values and design layouts that adapt perfectly to all devices, whether it's a mobile phone or a tablet. This tutor...
Login Page UI in React Native Expo - Start Screen, Loading State & Navigation | WhatsApp Clone
Переглядів 1,6 тис.2 місяці тому
Login Page UI in React Native Expo - Start Screen, Loading State & Navigation | WhatsApp Clone (Hindi) In this video of the WhatsApp Clone series, we start building the Login Page UI in React Native Expo. This is the first part of the login screen tutorial, where we'll design the start page, implement a loading state, and navigate to the next screen after a few seconds of delay. The video is ex...
How to Use MMKV Local Storage in React Native Expo | Fastest Storage Solution Tutorial (Hindi)
Переглядів 4432 місяці тому
How to Use MMKV Local Storage in React Native Expo | Fastest Storage Solution Tutorial (Hindi) In this video, I’ll show you how to integrate MMKV, the fastest local storage solution for React Native Expo. MMKV offers efficient and quick data storage, making it ideal for managing user sessions, app settings, and small data sets. We’ll walk through how to set up MMKV in your Expo app and demonstr...
Setup Auth Stack & Main Stack in React Native Expo | Splash Screen & App Icon Integration (Hindi)
Переглядів 1,8 тис.2 місяці тому
Setup Auth Stack & Main Stack in React Native Expo | Splash Screen & App Icon Integration (Hindi) In this video of the WhatsApp Clone series, we'll show you how to set up the Auth Stack and Main Stack for navigation in React Native Expo, enabling smooth user authentication and navigation between screens. We'll also cover how to integrate a custom splash screen and configure your app icon for bo...
Optimize Your Expo React Native App with Code Splitting & Lazy Loading | Step-by-Step Guide
Переглядів 2242 місяці тому
Optimize Your Expo React Native App with Code Splitting & Lazy Loading | Step-by-Step Guide Are you looking to speed up your Expo React Native app and improve performance? In this tutorial, I’ll walk you through how to implement code splitting and lazy loading to optimize your app’s load times and reduce initial bundle size. By using React’s Suspense and React.lazy, you’ll learn how to efficien...
WhatsApp Clone Project Setup & Folder Structure Explained | React Native Expo Tutorial (Hindi)
Переглядів 1,5 тис.2 місяці тому
WhatsApp Clone Project Setup & Folder Structure Explained | React Native Expo Tutorial (Hindi)
Complete WhatsApp Clone Tutorial - Introduction to Building a Chat App | Full Stack Development
Переглядів 1,6 тис.2 місяці тому
Complete WhatsApp Clone Tutorial - Introduction to Building a Chat App | Full Stack Development
How to Use Blur View in React Native Expo | Complete Guide for Beginners (2024)
Переглядів 9322 місяці тому
How to Use Blur View in React Native Expo | Complete Guide for Beginners (2024)
How to Set Splash Screen, App Icon, & Change Fonts in React Native Expo | Complete Guide in Hindi
Переглядів 1,6 тис.3 місяці тому
How to Set Splash Screen, App Icon, & Change Fonts in React Native Expo | Complete Guide in Hindi
How to Use Tailwind CSS in React Native Expo | Styling Made Easy!
Переглядів 1,6 тис.3 місяці тому
How to Use Tailwind CSS in React Native Expo | Styling Made Easy!
Build a Custom Chat UI with @codsod/react-native-chat | Step-by-Step React Native Tutorial
Переглядів 1763 місяці тому
Build a Custom Chat UI with @codsod/react-native-chat | Step-by-Step React Native Tutorial
React Native Modal Tutorial in Hindi | Expo Modal Component Explained Step by Step
Переглядів 1,2 тис.3 місяці тому
React Native Modal Tutorial in Hindi | Expo Modal Component Explained Step by Step
🔥 Complete Leader Board UI Design in React Native Expo | Hindi Tutorial
Переглядів 2,1 тис.4 місяці тому
🔥 Complete Leader Board UI Design in React Native Expo | Hindi Tutorial
FlatList, ScrollView & map Method in React Native Expo | Complete Tutorial in Hindi
Переглядів 1,5 тис.4 місяці тому
FlatList, ScrollView & map Method in React Native Expo | Complete Tutorial in Hindi
React Native Expo State Management & Lifecycle Methods | Complete Tutorial in Hindi
Переглядів 2,1 тис.5 місяців тому
React Native Expo State Management & Lifecycle Methods | Complete Tutorial in Hindi
Login & Signup UI in React Native Expo | Complete Tutorial in Hindi
Переглядів 6 тис.5 місяців тому
Login & Signup UI in React Native Expo | Complete Tutorial in Hindi
Complete React Native Expo Router Tutorial in Hindi | Step-by-Step Guide
Переглядів 9 тис.5 місяців тому
Complete React Native Expo Router Tutorial in Hindi | Step-by-Step Guide
Hello World in React Native Expo | Folder Structure Explained | Hindi
Переглядів 10 тис.5 місяців тому
Hello World in React Native Expo | Folder Structure Explained | Hindi
React Native Expo Introduction | Start Building Mobile Apps Today! (Hindi)
Переглядів 14 тис.5 місяців тому
React Native Expo Introduction | Start Building Mobile Apps Today! (Hindi)
How to Access a Device's Contact List in React Native | React Native Contacts
Переглядів 8247 місяців тому
How to Access a Device's Contact List in React Native | React Native Contacts
Creating a Custom OTP Inputs in React Native in Hindi
Переглядів 1867 місяців тому
Creating a Custom OTP Inputs in React Native in Hindi

КОМЕНТАРІ

  • @sonuquraishi8244
    @sonuquraishi8244 День тому

    Love you so much brother mujhe aaj pata laga low pc me bhi app development Kiya ja sakta hai ye bara bara youtuber ye sab nhi batata hai dil se love you Bhai ❤❤❤

  • @abhiram_4644
    @abhiram_4644 День тому

    Hello bro, I quit app development bcz of not having a right person who teaches the necessary things like this. On UA-cam every developer is just showing how to create UI, but we will be feel motivated when our small apps like this runs well on our mobile right? Thats make you special compared to other devs on yt. I watched so many videos and reads blogs and used chatgpt to learn how to get the apk. But no use. Your one video gave me a final solution. You've our full support, and we are eagerly waiting for further awesome tutorials from a dev like you.❤

  • @narendrasir1921
    @narendrasir1921 2 дні тому

    best tutorial for beginners

  • @Neelammkw
    @Neelammkw 3 дні тому

    please last me upload to server ka video bhi banana ...and hope u complete it soon ..and fast

  • @abhiram_4644
    @abhiram_4644 3 дні тому

    👉👉Bro please have a look at the issue👈👈 Im following the same as you are explaining in the video. The "npx expo run:android" command is giving so many errors like SDK error, NDK error, outdated gradle packages etc.. Please create a new expo project with latest version (SDK V52) use the bare expo project and prebuild and then try to execute "npx expo run:android". If you face same errors like me, please help us to resolve the issue, otherwise we might stuck in the beginning itself. Anyone reading this comment, if you also faced the same, please post a new comment so that he will be helping us as soon as possible.

  • @abhiram_4644
    @abhiram_4644 4 дні тому

    #codsod

  • @abhiram_4644
    @abhiram_4644 4 дні тому

    Hello brother, I am looking for a developer like you who can solve the issue of large APK sizes in Expo projects. After the recent Expo SDK 52 update, even a plain Expo project becomes 160MB after building the APK. For a normal Expo project, this size is too much, right? So, I request you to make a video soon on **"How to convert an Expo project into an optimized APK (smaller size)"**. Also, if you can explain how to do local builds without EAS, please make a video on that as well.

  • @adarshsharma6085
    @adarshsharma6085 4 дні тому

    👍👍

  • @IslamiQUmaH
    @IslamiQUmaH 4 дні тому

    I just request you to create a react native Project with expo that contain at least 5 pages excluding login/signup screens and the title of project is Shoes Store or anything but remember only frontend UI

  • @IslamiQUmaH
    @IslamiQUmaH 4 дні тому

    You are Teaching Us Very Good really very good

  • @amjadsaim
    @amjadsaim 4 дні тому

    sir please nodejs with mongodb ke sath iss project ka backend krna oor thorde se speed teez kro boht maza aa rha he

  • @ShivamShukla-d1f
    @ShivamShukla-d1f 4 дні тому

    Sub log one k sunscribe karado Sir ka 🎉🎉

  • @ShivamShukla-d1f
    @ShivamShukla-d1f 4 дні тому

    The world best WhatsApp clone crouse 🎉🎉 Thanks sir❤❤ Please like share subscribe 🙏

  • @grcreation2006
    @grcreation2006 5 днів тому

    Bhai.. Plz make complete react native expo tutorial. We need it... Your explanation is easier than others.. By watching your first 5 videos i participated in mobile app competition but there i gave my best but i really need full react native expo all concepts from you... You are amazing 🙏🏻🙏🏻🙏🏻🙏🏻

  • @Mahadev108Shiva
    @Mahadev108Shiva 5 днів тому

    please share the figma link

  • @ERUSER7688
    @ERUSER7688 5 днів тому

    just nice explaination bro

  • @sardarhussain8497
    @sardarhussain8497 6 днів тому

    Awesome

  • @gauravjha7875
    @gauravjha7875 6 днів тому

    Bhai regular video upload Kiya Karo. 1 weak me 1 one video se kam ni chalega

  • @junaidrajput_47
    @junaidrajput_47 8 днів тому

    what a great Video Bhi keep it up... can you pls provide the link of figma

  • @briskgaurav
    @briskgaurav 9 днів тому

    Buddy, component break ku ni kia apne? Sb kuch index me hee ku likhdia? Readability loss ni hogi?

  • @briskgaurav
    @briskgaurav 9 днів тому

    Bro ek bat puchni h apse! Agr me react native expo sikhuga to meko job milegi? Ya meko react mative cli sikhni chaiye? Ya dono same hee h? Bhaut confused hu yrrr 😓

  • @MuhammadAffanZahid
    @MuhammadAffanZahid 10 днів тому

    Hello issue i am facing of responsiveness for both ios and android screens how can i manage ? please any best solution

  • @ayandippaul3108
    @ayandippaul3108 11 днів тому

    I got error at <Redirect/> component for href element..😢 how do I solve the problem!? I've already used chatgpt but cannot solve the problem.. help bro

    • @abhiram_4644
      @abhiram_4644 4 дні тому

      Yeah, same problem saying the following: [Error: Attempted to navigate before mounting the Root Layout component. Ensure the Root Layout component is rendering a Slot, or other navigator on the first render.] [Component Stack]

  • @code01-nt9nx
    @code01-nt9nx 11 днів тому

    make build for ios also using expo and thank you for the video \

  • @rohithegade7529
    @rohithegade7529 12 днів тому

    Can we do it using development build ?

  • @md.munzirhossain2884
    @md.munzirhossain2884 13 днів тому

    need flutter couse

  • @mojahidul_islamic_yt_100k
    @mojahidul_islamic_yt_100k 15 днів тому

    Sir Mobile se hoga kiya?

  • @uponbdjewel
    @uponbdjewel 15 днів тому

    Love from Dhaka Bangladesh

  • @Sean-bo2lb
    @Sean-bo2lb 15 днів тому

    I need some help, want to support you channel. Already sent email yesterday.

  • @WebWordsWave
    @WebWordsWave 15 днів тому

    Hi, could you please also create a video for firebase google signin, and also what needs to be done when creating apk, after development,

  • @samaelmorningstar8737
    @samaelmorningstar8737 15 днів тому

    Bro Please teach how to build our own package, that would be really great, those who want to learn package building please like my comment

  • @fyclone2333
    @fyclone2333 16 днів тому

    Best videos sir. 😊 Thank you for your efforts.

  • @zoroo_frr
    @zoroo_frr 16 днів тому

    Hey i am facing an issue it's going to the tab only when I remove the index file then only it goes to the tabs.

  • @Sean-bo2lb
    @Sean-bo2lb 17 днів тому

    One of the best React-Native playlist, thank you. I was struggling however yours video improved my under standing of react-native, able to restart work from my abandoned project.

  • @adarshsharma6085
    @adarshsharma6085 17 днів тому

    👍👍

  • @teju9784
    @teju9784 17 днів тому

    Web link is not showing

  • @Sean-bo2lb
    @Sean-bo2lb 17 днів тому

    Excellent video, please create a video to save and retrieve data from a database postgress or mongo.

  • @devilboy6131
    @devilboy6131 18 днів тому

    Redux toolkit and django explain

  • @AbhishekAnandok
    @AbhishekAnandok 18 днів тому

    Comment "#codsod" if you read this 😉😉

  • @Sean-bo2lb
    @Sean-bo2lb 18 днів тому

    Just one question, the right side are you using Android Emulator or something else?

    • @st7171
      @st7171 16 днів тому

      broh look at the top of its screen, it says android emulator

  • @adarshsharma6085
    @adarshsharma6085 18 днів тому

    ❤❤👍👍👌👌🙏🙏🔥🔥

  • @adarshsharma6085
    @adarshsharma6085 18 днів тому

    👍👍

  • @adarshsharma6085
    @adarshsharma6085 18 днів тому

    👍👍

  • @jot08
    @jot08 19 днів тому

    explaining well, good videos to learn react native

  • @adarshsharma6085
    @adarshsharma6085 19 днів тому

    👍👍

  • @adarshsharma6085
    @adarshsharma6085 19 днів тому

    ❤❤

  • @adarshsharma6085
    @adarshsharma6085 20 днів тому

    👍👍

  • @citizenboss9103
    @citizenboss9103 20 днів тому

    Sir please create pdf viewer app in expo 😢😢😢😢😢😢

  • @zaidiftikhar2863
    @zaidiftikhar2863 20 днів тому

    Hi, when I run command npx expo prebuild it's created only android directory nor iOS. How can I create iOS directory?

  • @verawat
    @verawat 20 днів тому

    Thank bro. I came from THAILAND but I love you so much.