Once we have obtained our API keys we are ready to integrate stripe into our app to accomplish let's
strap uses something called stripe elements where we have a script that provides a start object and
using the methods that are available on that object.
We set up our card input since we are using react.
We can use a package called react striped elements that essentially provides these straight elements
via React Components.
So again we have access to API keys awesome van and we're going to look for stripe elements and you
can technically search docs but I can tell you honestly that is much faster if you just head over to
your search engine typing stripe elements and then look for the link that has the docs right.
So this is just gonna be a nice representation but look for the link that has the docs click on a link
and then you're going to navigate there.
We have right away few options and they right away provide the email CSX as well as javascript.
Keep in mind that this is one little javascript but you could still use it as a side note let's say
in a salt course since swell doesn't have the wrapper doesn't have any kind of library that is there
for you essentially doesn't provide the swell components.
That's when we use nice vanilla javascript.
So again you could technically just use one analogy yes but it's just gonna be a bit faster if we use
the react type elements and you can check out the code.
So this would be the email and India email what we're looking for is this script tag.
So we're looking for a script tag just because we need access to a stripe.
Then we have some CSI us we can just omit and by the way we will.
We're not going to use the services they provide as well as then we have these javascript.
Like I said you initiate the stripe because you have access to a stripe object and then you start using
the methods that are available.
Now what we're gonna do is we're going to install a package by the name of React strap elements.
Again you can just head over and search.
But keep in mind that everything is already installed.
I'm just showing you where you can find the command type react strap elements then look for the package
and then keep on scrolling down and the install is as straightforward as it gets.
We just have npm install and then there's dash save react stripe elements.
So I'm gonna head over back to my front end and I'm gonna set up two things.
This script as well as install the package which again by the way if you're using the order then of
course it is already installed.
So I'm gonna head over then I'm gonna stop my server like so I'm going to clear everything and I'm gonna
install right away the react right elements.
So let me copy and paste the command.
And then while I mean selling the package I'm also gonna have to order back the stripe elements and
I'm gonna get my age the email.
You could have technically again just get the script tag from here but I'm just gonna head over back
to strapped elements just to show you how it's going to look like and we're gonna grab our script we're
gonna grab the script then we're not gonna copy and paste it here.
We're gonna open up the sidebar we're looking for the public and then within the public we're looking
for the index and then I'm gonna scroll up a bit and then let's say right before the title I'm going
gonna copy and paste my stripe Save everything and I'm going to start up the server.
So I'm going to type in NPM start and in the next video we're gonna start setting up our ReACT stripe
elements.