Redux Toolkit In React Native: Complete Guide With Redux Persist | For Beginners | Mr DevGeek

Поделиться
HTML-код
  • Опубликовано: 13 янв 2025

Комментарии • 45

  • @noman7043
    @noman7043 Год назад +1

    Impressive walkthrough, Mr. DevGeek! Your attention to detail in explaining Redux Toolkit and Redux Persist makes this tutorial a must-watch for React Native enthusiasts.

  • @usmanrasheed626
    @usmanrasheed626 8 месяцев назад +1

    Great job! Your explanation was really helpful. Thanks a lot for taking the time to provide such a detailed explanation.

  • @muhammadshahzaib9493
    @muhammadshahzaib9493 Год назад +1

    Bhai End kar diya ap ne😍❤💥

  • @reyazkaker3335
    @reyazkaker3335 Год назад

    Thoroughly impressed with the clarity and structure of your Redux Toolkit tutorial. A fantastic resource for anyone diving into React Native development.

  • @kainat7719
    @kainat7719 Год назад

    Well-done tutorial, Mr. DevGeek! Your practical approach to Redux Toolkit in React Native is highly appreciated.

  • @basit7202
    @basit7202 Год назад

    Invaluable guide by Mr. DevGeek on Redux Toolkit in React Native, offering clear insights for beginners.

  • @fahad6265
    @fahad6265 Год назад

    Your breakdown of Redux Toolkit and Redux Persist is spot-on! Thank you for simplifying the complexities and making it accessible for learners.

  • @sophiasophia7209
    @sophiasophia7209 Год назад

    Mr. DevGeek, your teaching style is amazing

  • @jamshaid2571
    @jamshaid2571 Год назад

    Thank you, Your clear explanations make it easier for beginners like me to understand.

  • @uzair5031
    @uzair5031 Год назад

    Mr. DevGeek, your tutorial is a goldmine for React Native developers!

  • @Abhishekkumar-zo7ob
    @Abhishekkumar-zo7ob 11 месяцев назад

    Great content please create more contents.🔥🔥🔥🔥

  • @hammadhammad8891
    @hammadhammad8891 Год назад

    Great work, Mr. DevGeek!

  • @haseebrehman2573
    @haseebrehman2573 8 месяцев назад

    a very usefull video, thank you Mr DevGeek.

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

    Great Knowledge. May Allah give you big reward. please upload continously such excelent content.

    • @mrdevgeek
      @mrdevgeek  10 месяцев назад +1

      Ameen, I'm and I'll upload in Sha Allah

  • @YasirAli-lk7dd
    @YasirAli-lk7dd Год назад

    ❤ great explanation Amair Bhai

  • @yashthakur6449
    @yashthakur6449 10 месяцев назад

    where should I add the provider in expo project?

  • @SACHINKUMAR-gq5le
    @SACHINKUMAR-gq5le Год назад +1

    Brother make a video for how to integrate Firebase Analytics into React Native

  • @bilal17111
    @bilal17111 Год назад

    Thank you Mr. DevGeek

  • @aslampatel153
    @aslampatel153 7 месяцев назад

    Amazig Video thanks for like

  • @abdullahaboayesha
    @abdullahaboayesha 11 месяцев назад

    Just Subsribed , love the fact that you say inshAllah , May Allah give barakah in this channel , simply awesome way to explain redux toolkit , in a way the even a beginner developer like me can understand. MashAllah

    • @mrdevgeek
      @mrdevgeek  11 месяцев назад

      Jazak Allah ♥️, but I'm curious to know the mystery of your name!!

  • @usmanrasheed626
    @usmanrasheed626 Год назад

    Thanks for uploading

  • @fahadasif2621
    @fahadasif2621 10 месяцев назад

    Upload video by using RTK Query API data fetching in this project

  • @MuhammadQasim-hm1dq
    @MuhammadQasim-hm1dq 7 месяцев назад

    Thanks brother 🙂

  • @Abhishekkumar-zz3ku
    @Abhishekkumar-zz3ku 9 месяцев назад

    dispacth(increment()); getting type undefined error in clicking button.

    • @VipulPatel-qg1tw
      @VipulPatel-qg1tw 6 месяцев назад

      dispatch typo error

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

      Please watch the video carefully, or clone my GitHub repo and compare it with your code

  • @hubesh716
    @hubesh716 Год назад

    plz make one full stack app crud with API's using RTQuery and also make tutorial on RTQuery plz

  • @abhinavprakash1897
    @abhinavprakash1897 Год назад

    Hi your video is great, how can I connect to you

    • @mrdevgeek
      @mrdevgeek  Год назад +1

      Thanks,
      If you have any queries? You can get in touch with me on Instagram: @mrdevgeek

  • @shivamjaiswal5649
    @shivamjaiswal5649 Год назад

    How to call api with token on redux

    • @mrdevgeek
      @mrdevgeek  Год назад

      You have to setup this logic where you define your base URL with axios.
      this interceptor run on every api call
      import jwtDecode from 'jwt-decode';
      export const API = axios.create({
      baseURL: '',
      });
      API.interceptors.request.use(
      async function (config) {
      // getting access token
      const {tokens} = store.getState().auth;
      let {accessToken} = tokens;
      // decoded token data
      const decodedToken = jwtDecode(accessToken)
      // extraction timestamp
      const expiryTimestamp = new Date(decodedToken.exp * 1000);
      // checking if token expire
      if (expiryTimestamp < new Date()) {
      console.log('token expire');
      try {
      // if token expire get new token
      const response = await axios.post(`${API_KEY}/user/token`, {
      refreshToken: tokens.refreshToken,
      });
      console.log('RESPONSE[GET_NEW_TOKEN]', response);
      if (response?.status === 200) {
      // getting token from server data
      const newToken = response?.data?.tokens;
      // saving new tokens locally
      storage.set(ASYNC_TOKEN_KEY, JSON.stringify(newToken));
      //await AsyncStorage.setItem(ASYNC_TOKEN_KEY, JSON.stringify(newToken));
      accessToken = newToken?.accessToken;
      }
      // console.debug('Data returned', data);
      } catch (error) {
      Toast.show('Token expire unable to get new Token try again later', Toast.LONG);
      console.log('ERROR[UNABLE_TO_GET_TOKEN]', error);
      }
      // injecting our token into header
      config.headers.Authorization = `Bearer ${accessToken}`;
      }
      return config;
      },
      function (error) {
      return Promise.reject(error);
      },
      );

    • @shivamjaiswal5649
      @shivamjaiswal5649 Год назад

      thanks please give full video on api call with token@@mrdevgeek

  • @rawaldas1450
    @rawaldas1450 Год назад

    thanks bro

  • @chanmyaemaung
    @chanmyaemaung 10 месяцев назад

    Roses are red.
    The skies are blue.
    The title is in English why aren't you?
    Change your title as Hindi. Which is quite annoying to see such click bait tutorials out there.

    • @mrdevgeek
      @mrdevgeek  7 месяцев назад

      Thank you for your feedback! I understand your concern. While there are many channels that create content in various languages but use English titles, my goal is to reach a broader audience with my tutorials in Urdu. Using English titles helps more people find and benefit from the content. I appreciate your understanding and support!

  • @ALLINDIAJOBSALERTS
    @ALLINDIAJOBSALERTS 9 месяцев назад

    Hello Sir I Really Need Your Help If user buy a subscription of our react native app so i want to provide them payment slip so how i can implement it please guide me

    • @mrdevgeek
      @mrdevgeek  9 месяцев назад

      You can use revenueCat or react native IAP for this

  • @aslampatel153
    @aslampatel153 7 месяцев назад

    Amazig Video thanks for like

  • @aslampatel153
    @aslampatel153 7 месяцев назад

    Amazig Video thanks for like

  • @MskTech-cz4yt
    @MskTech-cz4yt 7 месяцев назад

    Amazig Video thanks for like

  • @MskTech-cz4yt
    @MskTech-cz4yt 7 месяцев назад

    Amazig Video thanks for like