title: How to Setup Stripe && React && Firebase Functions
body: <p>I'm really confused and would be hugely grateful to anyone who can help me out here. </p>
  
  <p>I'm building a React web app with a Firebase backend. I need to integrate Stripe into the application so that I can take payments. </p>
  
  <p>I've spent the last few days working through the documentation and tutorials and I must admit, I'm completely stumped. </p>
  
  <p>I've managed to setup stripe so that a new customer is created in Stripe when a new user is created in Firebase, which is definitely a start. </p>
  
  <p>But now I've hit a dead-end. I think the right solution is to create a page where the user can fill out a form with their credit card details. To send those details to Stripe so I'm not storing them and get back a token of some sort. Save that token to firebase and use that a trigger to firebase functions to send that token to Stripe to initiate the payment. </p>
  
  <p>But this is so confusing and there are so many contradictory articles and tutorials that I'm completely lost. </p>
  
  <p>So once again, if anyone can help that would be greatly appreciated. Happy to include my code as needed. </p>
  
  <p>Oh, and I think the fact that I'm using react-router for my navigation is also causing some issues around where to place the  wrapper. </p>