Skip to main content

React Native Quick Start

Prerequisites​

Before you begin, ensure you have completed the following:

  1. Activate CloudBase Environment: Create Environment
  2. Get API Credentials: Get your environment ID and API key from CloudBase Console

For more details, see: React Native Full Documentation

Install the CloudBase AI Plugin​

Optional: If you develop with an AI coding assistant (such as Cursor, Claude Code, CodeBuddy, etc.), we recommend completing this step so the AI has CloudBase development capabilities.

Copy the AI prompt into your AI IDE​

Enter the following in your AI chat:

Help me get set up with CloudBase. Do the following:
1. Open https://docs.cloudbase.net/skill.md and follow the instructions.
2. When done, tell me you're ready and suggest the most relevant next steps.

View skill.md →

Develop with Skills​

Tell the AI:

Use CloudBase Skills: Integrate CloudBase HTTP API in a React Native app

Skills docs →

You can also install CloudBase Skills manually:

npx skills add tencentcloudbase/cloudbase-skills -y

Install SDK​

@cloudbase/js-sdk Combine with @cloudbase/adapter-rn allows you toin React Native project

npm​

npm i @cloudbase/js-sdk @cloudbase/adapter-rn

yarn​

yarn add @cloudbase/js-sdk @cloudbase/adapter-rn

pnpm​

pnpm add @cloudbase/js-sdk @cloudbase/adapter-rn

iOS needInstallNativeDependency：

cd ios && pod install && cd ..

Initialize SDK​

Add the following code to your React Native project

src/utils/cloudbase.js​

import cloudbaseSDK from "@cloudbase/js-sdk";
import adapter from "@cloudbase/adapter-rn";

cloudbaseSDK.useAdapters(adapter);

const cloudbase = cloudbaseSDK.init({
  // Environment ID
  env: "{%ENV_ID%}",
  // region
  region: "{%REGION%}",
  // Anonymous access token
  accessKey: "{%PUBLISHABLE_KEY%}"
});

export default cloudbase;