Now 3 years later, ... in the index.js, after wrapping the code with the *async () => {}* I get this error: "Expected an assignment or function call and instead saw an expression"
Hey Mikhael, thanks for watching. The code for this episode is available in the repo here: github.com/stripe-samples/developer-office-hours/tree/master/starter/client/react-cra
Hi there-thanks for your question! While this playlist contains educational material that could be beneficial for learning purposes, it is not the most current resource for implementing Stripe integrations. We recommend that developers exercise caution and refer to the latest Stripe documentation and API references when building integrations to ensure that you're using the most recent and secure practices.
Hi i was looking for styling the cardElement for this code. I tried the docs , but it was not helpful. Can you help me out in styling the card element. I have used the same react code as you have demostrated.
Hi Pavan. Would you mind sharing more details on this? Have you checked these docs: stripe.com/docs/stripe-js/react#customization-and-styling stripe.com/docs/elements/appearance-api
Hi Saffie! Regardless of how you configure their environment publishable keys are safe to either store on the front-end environment variables or have them saved in the backend and fetch them. Both ways work. In this video it was an architectural choice based on pairing publishable and secret keys, rather than relying on the front-end deciding which key to use and finally having a mismatch between that and the secret key.
@@StripeDev I want to customise the css for the Elements component (the react component that when added shows input fields for payment details and pay button, I am unable to find any way of styling it properly.
So does this mean I can set up a payment system for free instead of using something like Shopify? Is there a catch like some some sort of limit to how many products I can sell?
Great question! The proxy we are using in this video is localhost for local testing purposes. In production you would want to change that value to whatever domain that you want to have your backend served from.
We'd need more information to be able to provide an answer on this. Can you either contact us at support.stripe.com or join our Discord server: discord.com/invite/stripe where we'd be happy to chat in more detail.
Please add video about create account (type: "custom", more advanced), with adding adress, country... and validation, like with `type: "express"` Please!!!
Hey there - react-stripe-js should work fine with React Router v6. If you have any other questions, feel free to reach out to us!
Now 3 years later, ... in the index.js, after wrapping the code with the *async () => {}* I get this error: "Expected an assignment or function call and instead saw an expression"
Replying myself, Matthew Ling's updated code of this implementation overcomes the need for harassing index.js.
ruclips.net/video/e-whXipfRvg/видео.htmlsi=Ayb8EsKUkUqJtGCf
Great vid, thanks! Also a small written recap would be awesome. Maybe even with it's own git repo.
Thanks a lot for the feedback Mikhael! We'll be sure to take this into consideration.
Hey Mikhael, thanks for watching. The code for this episode is available in the repo here: github.com/stripe-samples/developer-office-hours/tree/master/starter/client/react-cra
Amazing. Thanks for sharing!
Pretty intense for me... I wish I could keep up
Thanks, it helped me to put CardElement on my project. I had been stacked for a while.
Thanks for letting us know Oxana, we're glad to hear it!
Awesome !! Thank uu
It's 2024, February. Is this playlist up-to-date and safe to implement?? Thanks
Hi there-thanks for your question! While this playlist contains educational material that could be beneficial for learning purposes, it is not the most current resource for implementing Stripe integrations. We recommend that developers exercise caution and refer to the latest Stripe documentation and API references when building integrations to ensure that you're using the most recent and secure practices.
@@StripeDev Can you please update the youtube videos which are not more actual or save to use? These tutorials are great :-)
Hi i was looking for styling the cardElement for this code. I tried the docs , but it was not helpful. Can you help me out in styling the card element. I have used the same react code as you have demostrated.
Hi Pavan. Would you mind sharing more details on this? Have you checked these docs:
stripe.com/docs/stripe-js/react#customization-and-styling
stripe.com/docs/elements/appearance-api
@@StripeDev hi
Hey there-how can we help?
when users open devtools they can see the result of the fetch getting the publish key right? What benefits does it cover by fetching the key
Hi Saffie! Regardless of how you configure their environment publishable keys are safe to either store on the front-end environment variables or have them saved in the backend and fetch them. Both ways work. In this video it was an architectural choice based on pairing publishable and secret keys, rather than relying on the front-end deciding which key to use and finally having a mismatch between that and the secret key.
is that work with react router dom v6?
I use Router 6 with Stripe checkout
Awesome ++++++++
Hi!
how I can set price and currency?
I have price and currency in my firestore, then i send it to a stripe session in a cloud function. Easy piecy :) See my channel :)
How to add custom css to the form?
Hey Zafar-mind sharing more context on what you're trying to do? We'll take a look.
@@StripeDev I want to customise the css for the Elements component (the react component that when added shows input fields for payment details and pay button, I am unable to find any way of styling it properly.
Thanks for providing additional details. Does this documentation help in what you're trying to do: stripe.com/docs/elements/appearance-api
@@StripeDev Nope didn't find anything that matches exactly with my requirements.
Can you navigate to the section 'Variables' and let us know if you find what you're looking for there?
So does this mean I can set up a payment system for free instead of using something like Shopify? Is there a catch like some some sort of limit to how many products I can sell?
You can set up payment on your platform for free, but they will charge you 2.9% on every transaction done on your platform.
I chose this rout. Said no to Shopify and made my own. Full tutorial on my YT channel :)
what if I have a domain name? should I change the proxy?
Great question! The proxy we are using in this video is localhost for local testing purposes. In production you would want to change that value to whatever domain that you want to have your backend served from.
@@StripeDev do we need to have this proxy code?
We'd need more information to be able to provide an answer on this. Can you either contact us at support.stripe.com or join our Discord server: discord.com/invite/stripe where we'd be happy to chat in more detail.
tip: i used secret key instead of publish key, wasted hours. USE publish key.
Please add video about create account (type: "custom", more advanced), with adding adress, country... and validation, like with `type: "express"` Please!!!
Hi there! You may find this useful: ruclips.net/video/RYiscsdICrs/видео.html but let us know if any questions come up.