Building an Ecommerce App with React Native, Expo and Gluestack

Поділитися
Вставка
  • Опубліковано 10 січ 2025

КОМЕНТАРІ • 59

  • @throwawayaccount5464
    @throwawayaccount5464 2 місяці тому +3

    I have watched 3 tutorials so far I learned more than what I have learned in 1 year. Thanks a lot Vadim. I just wished I found you earlier well better late than never. I will donate to your channel if I get a jobs. Thanks again

    • @notjustdev
      @notjustdev  2 місяці тому

      Glad I could help! Hope you manage to learn even more🙌🙌

  • @mdalmamunit427
    @mdalmamunit427 2 місяці тому +1

    I love the way you explained the concept-it’s so clear and easy to understand! I try to follow it and implement it on my channel 😊

  • @SwapnilChavan-im7xh
    @SwapnilChavan-im7xh 6 днів тому

    Watched many videos very helpful

  • @Memesforev99
    @Memesforev99 2 місяці тому +2

    I Accidently felt asleep and left a yt video playing now im here 🤣🤣🤣

  • @gabrielpaez321
    @gabrielpaez321 2 місяці тому +8

    HI,, What could be the reason why Gluestack is not working for me? It's like it doesn't recognize the components. I compared it with the repository, and everything is the same. I have reinstalled the components, but the issue remains

    • @matheusklug7712
      @matheusklug7712 2 місяці тому +1

      with me too. I chose gluestack to develop my college project and now it's not working

    • @chamidugihan2782
      @chamidugihan2782 2 місяці тому +1

      me too

    • @chamidugihan2782
      @chamidugihan2782 Місяць тому

      @@anumm1560 no bro

    • @abdulmateen7316
      @abdulmateen7316 Місяць тому +1

      Yes, I also face the same issues. If all the error are fixed then. It shows an error that global.css memory error. If you install nativewind manually then it does not loading tailwinds

    • @abdulmateen7316
      @abdulmateen7316 Місяць тому +1

      Allhumdulillah, My issue has been fixed.

  • @masetenicholas4520
    @masetenicholas4520 Місяць тому

    Thank you very much bro, God bless you with wealth.

  • @АлександрСанин-н3ъ
    @АлександрСанин-н3ъ 2 місяці тому +1

    Do you have some tutorial where show implementation reCAPTCHA Validation to React Native App?

  • @adiazwise
    @adiazwise Місяць тому

    Hello , I fix the dynamic column error setting the key with the numColumn value, cool pack of components thanks.

  • @SatoshiNakamono
    @SatoshiNakamono 2 місяці тому +4

    Solution for the error: Failed running 'src/index.ts'
    Error: Neither apiKey nor config.authenticator provided at Stripe._setAuthenticator
    Context:
    You didn't learn the course: building a scalable API with NodeJS, just clone the source code.
    Solution:
    in api/.env, add 3 lines:
    STRIPE_PUBLISHABLE_KEY="demo"
    STRIPE_ENDPOINT_SECRET="demo"
    STRIPE_SECRET_KEY="demo"

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

      I added 3 lines in api/.env, but it still have this error ( Neither apiKey nor config.authenticator provided at Stripe._setAuthenticator ), how i can fix it ?

  • @r2worksee
    @r2worksee Місяць тому

    Anyone find a workaround with Gluestack not rendering properly with Expo 52?
    Unfortunately I am unable to get any locally installed Gluestack components to display.

  • @claudiugurita5005
    @claudiugurita5005 13 днів тому +1

    Thanks for the video.
    I got an error when I tried to add the button component from gluestack and restarted the app.
    "Unable to resolve "@gluestack-ui/icon" from "components/ui/button/index.tsx""
    After I did npm i @gluestack-ui/themed and restarted the app, it worked.

  • @AudiRSQ
    @AudiRSQ Місяць тому

    Thank you for this brilliant video.
    Whenever I import using @/components/** it comes through without any styles at all. I am using router and have tried importing global.css to _layout.tsx but no luck...
    importing using '@gluestack-ui/themed' works fine. Any ideas?

  • @duykhanhnguyen9274
    @duykhanhnguyen9274 2 місяці тому +1

    maybe i miss something, but how to set a component to display first when open a app?

    • @notjustdev
      @notjustdev  2 місяці тому

      With Expo router, the initial screen that it will render is the `app/index.tsx`

  • @emmanueloni2147
    @emmanueloni2147 23 дні тому

    does anyone have access to the guide where the SQL QUERIES are? it is not loading from here

  • @ekalrozhan3432
    @ekalrozhan3432 2 місяці тому +1

    Wheres the payment gateway part

  • @mrfrankieg
    @mrfrankieg Місяць тому +1

    can't get gluestack to install w/ expo 52 :(

    • @notjustdev
      @notjustdev  Місяць тому +1

      Maybe they need to update it 🤔

    • @mrfrankieg
      @mrfrankieg Місяць тому

      @ yes! They did. So it works now, but still a little buggy.

  • @bberkdinc9971
    @bberkdinc9971 2 місяці тому

    What’s the difference between navigating from one page to another using useNavigation versus using Link? I’m not sure when to use each of them. Could you help me?

    • @truszko91
      @truszko91 Місяць тому

      In case anyone else needs to know this... Use for static navigation like menus or links, as it’s simple and declarative. Use useNavigate for dynamic navigation when logic or events determine the destination programmatically.

    • @bberkdinc9971
      @bberkdinc9971 Місяць тому

      @@truszko91 So, if the user logs in and the process is successful, we use useNavigation to navigate them. However, if the user just needs to click a button and go to the next page without any logic involved, we use . Thank you so much, by the way.

    • @truszko91
      @truszko91 Місяць тому

      @@bberkdinc9971 exactly!

  • @getrogetro7509
    @getrogetro7509 2 місяці тому

    Where is the padding around the flatlist card? It’s in the design, but you don’t) I watched it to see how you would make them

  • @nikosdimou7291
    @nikosdimou7291 2 місяці тому

    hello mate i followe everything about the cards but dont show me the card its say Please pass alt prop to Image component

    • @nikosdimou7291
      @nikosdimou7291 2 місяці тому

      sorry was the tailwind needed edit somethings to work properly thanks for the awesome tutorial btw :)

  • @roshandev8167
    @roshandev8167 2 місяці тому

    Hi where is the dashboard app video?

  • @AresAres-qw5xf
    @AresAres-qw5xf 2 місяці тому

    can someone tell me how can we generate an apk once the app is finish? with react expo is impossible for me 😔 5bg app to make an apk nothing works for me

    • @notjustdev
      @notjustdev  2 місяці тому

      You can build it locally if you have Android Studio setup (docs.expo.dev/guides/local-app-development/) Or you can use EAS to build it in the cloud (docs.expo.dev/build/introduction/)

    • @AresAres-qw5xf
      @AresAres-qw5xf 2 місяці тому

      @@notjustdev I've try both not working after 120m it's stopping to build

  • @mohammadakradi8289
    @mohammadakradi8289 Місяць тому

    Thank you for this rich tutorial. I really enjoyed. however, every one or two minutes, an advertisement showed and it was annoying for a 4h video. I don't know if this is being handled by you or UA-cam.

  • @harshaumesh5033
    @harshaumesh5033 Місяць тому

    awesome

  • @FoudreFrancais-w188
    @FoudreFrancais-w188 Місяць тому

    Thanks.

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

    FullstackEcommerce\ecommerce-mobile
    ode_modules\expo-router/entry.js ▓▓▓▓▓▓▓▓▓▓░░░░░░ 64.6% (437/582)
    For some reason this app doesn't run on windows, it will freeze like above. do you know the reason?

  • @DineensGarden
    @DineensGarden 2 місяці тому

    Sounds kind of Quantum 🤫

  • @kouradev
    @kouradev 2 місяці тому

    Thanks for the tutorial,
    But why the project is very poor design and features.

  • @puturangga2024
    @puturangga2024 28 днів тому

    SUBSCRIBE!

  • @HenokGebresenbet
    @HenokGebresenbet 2 місяці тому

    please also do tutorial react native with firebase most campanies use firebase for backend🙏

  • @SatoshiNakamono
    @SatoshiNakamono 2 місяці тому

    Solution for the error: failed to fetch
    Missing Header
    ensure cors response headers are valid blocked
    Context:
    In (Expo)/api/products.ts, fetching products from (Express)/api
    Solution:
    In (Express)/api/src/index.ts, add the following code before app.get('/',...):
    app.use(function (req, res, next) {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Methods', 'GET,HEAD,OPTIONS,POST,PUT');
    res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept, Authorization');
    next();
    });