# MD for: https://www.mercadopago.com.br/developers/en/docs/sdks-library/client-side/sdk-js-react-installation.md

\# SDK JS - React Our React SDK is compatible with the most updated standard for web development, as well as providing functions and components that allow for simplified integration with Mercado Pago. To use the React SDK, install it via npm using the code below. 

* [bash ](#editor%5F1)
bash 

```
npm install @mercadopago/sdk-react
```

Copiar 

Next, add the public key of the account being integrated so that it can be identified when connecting to Mercado Pago. > NOTE > > Important > > See \[Credentials\](https://www.mercadopago.com.br/developers/en/docs/credentials) for more details on the public key. 

* [react-jsx ](#editor%5F2)
react-jsx 

```
import { initMercadoPago } from '@mercadopago/sdk-react'
initMercadoPago('YOUR_PUBLIC_KEY');
```

Copiar 

After completing the SDK installation, you can use the following modules to create the Checkout. 

# 

 Payment Brick 

 Offer different payment methods from which your customers can choose, with the ability to save card details for future purchases. 

[ Learn more ](https://www.mercadopago.com.br/developers/en/docs/checkout-bricks/payment-brick/default-rendering)

 Wallet Brick 

 Link Mercado Pago Wallet and allow logged payments. 

[ Learn more ](https://www.mercadopago.com.br/developers/en/docs/checkout-bricks/wallet-brick/default-rendering)

 Card Payment Brick 

 Offer credit and debit card payments. 

[ Learn more ](https://www.mercadopago.com.br/developers/en/docs/checkout-bricks/card-payment-brick/introduction)

 Status Screen Brick 

 Inform your customers of the results of the purchase process, after making the payment. 

[ Learn more ](https://www.mercadopago.com.br/developers/en/docs/checkout-bricks/status-screen-brick/default-rendering)

\> NOTE > > Important > > If it is necessary to add or modify any logic in the flow of Core methods in React, please check the documentation \[Core Methods\](https://www.mercadopago.com.br/developers/en/docs/sdks-library/client-side/sdk-js-react/core-methods-installation) in our SDK library.