https://github.com/twa-dev/sdk

npm package for TWA SDK
https://github.com/twa-dev/sdk

react sdk telegram telegram-bot twa-dev

Last synced: about 2 months ago
JSON representation

npm package for TWA SDK

• Host: GitHub
• URL: https://github.com/twa-dev/sdk
• Owner: twa-dev
• License: mit
• Created: 2022-08-16T07:08:54.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-01-09T13:11:33.000Z (8 months ago)
• Last Synced: 2024-07-24T00:47:40.358Z (about 2 months ago)
• Topics: react, sdk, telegram, telegram-bot, twa-dev
• Language: JavaScript
• Homepage: https://codesandbox.io/s/sdk-kj5961
• Size: 155 KB
• Stars: 163
• Watchers: 3
• Forks: 10
• Open Issues: 6
• Metadata Files:
  • Readme: Readme.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-ton - twa-dev/sdk - npm package for TWA SDK. (🧑‍💻 Get Coding / Dev Tools)

README

        
## SDK

[![npm version](https://img.shields.io/npm/v/@twa-dev/sdk)](https://www.npmjs.com/package/@twa-dev/sdk)

npm package for [Telegram Web Apps (TWA)](https://core.telegram.org/bots/webapps) SDK.

```

npm i @twa-dev/sdk

```

### Motivation

Telegram distributes SDK via [link](https://core.telegram.org/bots/webapps#initializing-web-apps). It's kinda old fashion way to work with a library:

```html

    TWA

    

    

    

        window.Telegram.WebApp.showAlert('Hey there!');

    

```

This package allows to work with SDK as with a npm package:

```js

import WebApp from '@twa-dev/sdk'

WebApp.showAlert('Hey there!');

```

And yes, it supports TS.

### Demo

[Codesandbox](https://codesandbox.io/s/sdk-kj5961)

### React

If you use React in your project, check out [MainButton](src/react/MainButton/Readme.md) and [BackButton](src/react/BackButton/Readme.md) components that we have prepared for you.

These components significantly simplify developer experience.