> ## Documentation Index
> Fetch the complete documentation index at: https://docs.solanamobile.com/llms.txt
> Use this file to discover all available pages before exploring further.

# React Native dApp Scaffold

export const Button = ({href, children}) => {
  return <div className="not-prose group mt-3">
      <a href={href}>
        <button className="flex items-center space-x-2.5 py-1 px-4 bg-primary-dark dark:bg-white text-white dark:text-gray-950 rounded-xl group-hover:opacity-[0.9] font-medium">
          <span>{children}</span>
        </button>
      </a>
    </div>;
};

The scaffold is a ready-to-go React Native dApp that offers:

* Pre-installed standard SDKs like Mobile Wallet Adapter and `@solana/web3.js`
* Required polyfills like `react-native-get-random-values` and `Buffer` installed.
* Simple React UI Components like `ConnectWalletButton`, `RequestAirdropButton`, `SignMessageButton`.

<Button href="https://github.com/solana-mobile/solana-mobile-dapp-scaffold">
  View on GitHub
</Button>

## Prerequisites

* React Native and Android Envrionment [setup](/get-started/development-setup)
  * An Android device/emulator.
  * Install an MWA compliant wallet app on your device/emulator.

## Usage

<Steps>
  <Step>
    Initialize project template.

    ```shell theme={null}
    npx react-native init MySolanaDapp --template @solana-mobile/solana-mobile-dapp-scaffold --npm
    ```

    <Info>
      **NOTE**

      The `--npm` flag is only needed if you're using Yarn 2 or 3 as the default package manager. Once the template is initialized, you can delete the `package-lock.json` and run `yarn install` to continue using Yarn.
    </Info>
  </Step>

  <Step>
    Install dependencies;

    ```shell theme={null}
    yarn install
    ```
  </Step>

  <Step>
    Launch the app on your Android device/emulator.

    ```shell theme={null}
    npx react-native run-android
    ```
  </Step>
</Steps>