Building an Ecommerce App with React Native, Expo and Gluestack

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

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

  • @throwawayaccount5464
    @throwawayaccount5464 Месяц назад +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  Месяц назад

      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 😊

  • @Memesforev99
    @Memesforev99 2 месяца назад +2

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

  • @SatoshiNakamono
    @SatoshiNakamono Месяц назад +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 День назад

      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 ?

  • @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 Месяц назад

      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?

  • @harshaumesh5033
    @harshaumesh5033 14 дней назад

    awesome

  • @adiazwise
    @adiazwise 25 дней назад

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

  • @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 7 дней назад

    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

  • @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.

  • @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?

  • @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 RUclips.

  • @mrfrankieg
    @mrfrankieg Месяц назад +1

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

    • @notjustdev
      @notjustdev  29 дней назад +1

      Maybe they need to update it 🤔

    • @mrfrankieg
      @mrfrankieg 29 дней назад

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

  • @getrogetro7509
    @getrogetro7509 Месяц назад

    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

  • @bberkdinc9971
    @bberkdinc9971 Месяц назад

    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 18 дней назад

      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 16 дней назад

      @@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 16 дней назад

      @@bberkdinc9971 exactly!

  • @roshandev8167
    @roshandev8167 2 месяца назад

    Hi where is the dashboard app video?

  • @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 :)

  • @FoudreFrancais-w188
    @FoudreFrancais-w188 26 дней назад

    Thanks.

  • @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

  • @naveenreddy8016
    @naveenreddy8016 2 дня назад

    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?

  • @kouradev
    @kouradev Месяц назад

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

  • @DineensGarden
    @DineensGarden Месяц назад

    Sounds kind of Quantum 🤫

  • @puturangga2024
    @puturangga2024 12 дней назад

    SUBSCRIBE!

  • @HenokGebresenbet
    @HenokGebresenbet 2 месяца назад

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

  • @SatoshiNakamono
    @SatoshiNakamono Месяц назад

    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();
    });