Zoom Meeting SDK React Sample

https://github.com/zoom/meetingsdk-react-sample
Admin
Use the Zoom Meeting SDK in React
Tokens:734
Snippets:13
Trust Score:8.2
Update:1 year ago
Show doc for...
Tokens:
Raw
### Installing - Project Dependencies - Shell

Source: https://github.com/zoom/meetingsdk-react-sample/blob/master/README.md

Installs all required Node.js packages and project dependencies listed in the package.json file.

```shell
$ npm install
```

--------------------------------

### Running - Development Server - Shell

Source: https://github.com/zoom/meetingsdk-react-sample/blob/master/README.md

Starts the local development server for the React application using Vite, typically making the application accessible at http://localhost:5173.

```shell
$ npm run dev
```

--------------------------------

### Configuring - Meeting SDK Variables - JavaScript

Source: https://github.com/zoom/meetingsdk-react-sample/blob/master/README.md

Example configuration for essential variables in the App.tsx or App-New.tsx file, including authentication endpoint, SDK key, meeting details, user information, and optional tokens or redirect URLs.

```javascript
var authEndpoint = 'http://localhost:4000'
var sdkKey = 'abc123'
var meetingNumber = '123456789'
var passWord = ''
var role = 0
var userName = 'React'
var userEmail = ''
var registrantToken = ''
var zakToken = ''
var leaveUrl = 'http://localhost:5173'
```

--------------------------------

### Building - Project for Static Hosting - Shell

Source: https://github.com/zoom/meetingsdk-react-sample/blob/master/README.md

Compiles the React application for production deployment, creating optimized static assets in the '/build' directory, ready for deployment to any static web hosting service like AWS S3.

```shell
$ npm run build
```

--------------------------------

### Building - Project for Deployment - Shell

Source: https://github.com/zoom/meetingsdk-react-sample/blob/master/README.md

Compiles the React application for production deployment, generating optimized static assets in a build directory. This is the initial build step mentioned for deployment.

```shell
$ npm run build
```

--------------------------------

### Building - Project for GitHub Pages - Shell

Source: https://github.com/zoom/meetingsdk-react-sample/blob/master/README.md

Compiles the React application for production deployment, creating optimized static assets. This is the second build step mentioned specifically for GitHub Pages deployment.

```shell
$ npm run build
```

--------------------------------

### Cloning - Project Repository - Shell

Source: https://github.com/zoom/meetingsdk-react-sample/blob/master/README.md

Clones the Zoom Meeting SDK React sample application repository from GitHub to your local machine.

```shell
$ git clone https://github.com/zoom/meetingsdk-react-sample.git
```

--------------------------------

### Staging - All Changes - Shell

Source: https://github.com/zoom/meetingsdk-react-sample/blob/master/README.md

Stages all modified, deleted, and new files in the working directory, preparing them to be included in the next Git commit.

```shell
$ git add -A
```

--------------------------------

### Pushing - Deployment Branch - Shell

Source: https://github.com/zoom/meetingsdk-react-sample/blob/master/README.md

Pushes the committed changes from the local 'main' branch to the specified remote repository ('myorigin'), initiating the deployment process on GitHub Pages.

```shell
$ git push myorigin main
```

--------------------------------

### Committing - Deployment Changes - Shell

Source: https://github.com/zoom/meetingsdk-react-sample/blob/master/README.md

Creates a new commit containing the staged changes, including the built project files, with a descriptive message indicating deployment.

```shell
$ git commit -m "deploying to github"
```

--------------------------------

### Navigating - Project Directory - Shell

Source: https://github.com/zoom/meetingsdk-react-sample/blob/master/README.md

Changes the current directory in the terminal to the newly cloned project folder.

```shell
$ cd meetingsdk-react-sample
```

--------------------------------

### Adding - Git Remote Origin - Shell

Source: https://github.com/zoom/meetingsdk-react-sample/blob/master/README.md

Adds a new remote repository origin to the local Git repository, linking it to a specified GitHub repository for deployment.

```shell
$ git remote add myorigin GITHUB_URL/GITHUB_USERNAME/GITHUB_REPO_NAME.git
```

--------------------------------

### Configuring - Vite Base Path - TypeScript

Source: https://github.com/zoom/meetingsdk-react-sample/blob/master/README.md

Sets the base public path for the deployed application within the Vite configuration file (vite.config.ts), which is necessary when hosting the application in a subdirectory, such as on GitHub Pages.

```typescript
base: "/GITHUB_REPO_NAME/"
```
Tokens:
Raw