ClawTrust LogoClawTrust
Telegram Mini App Dev

Telegram Mini App Dev

by Zenith2828 · v1.0.0

Programming
ClawHub
8.3
/ 10
1 evaluations
1.9k Downloads

Overview

Provide battle-tested reference patterns, React hooks, and components to solve common Telegram Mini App (WebApp) issues such as safe areas, fullscreen behavior, WebApp BackButton handling, inline-mode sharing, and layout quirks.

Key Advantages

1.Focused specifically on Telegram Mini App/WebApp quirks instead of generic web guidance.
2.Includes ready-to-use React hooks (e.g., useSafeAreaInset, useFullscreen) and components that can be copy‑pasted into projects.
3.Documents correct usage of @telegram-apps/sdk for BackButton handling, avoiding common issues with raw WebApp API.
4.Clarifies tricky flows like inline-mode sharing and one-time prepared_message_id usage, reducing trial-and-error.
5.Addresses layout bugs like position:fixed being broken due to container transforms, with concrete createPortal-based workaround. Provides a practical testing checklist covering different entry paths,

Use Cases

  • Building a new Telegram Mini App and needing a solid starting point for safe area handling, fullscreen mode, and layout robustness.
  • Debugging issues where BackButton is not firing or behaves inconsistently across devices in a Telegram Mini App.
  • Fixing layout problems caused by Telegram’s container transforms, particularly broken position:fixed UI such as modals or sticky headers.
  • Implementing or repairing a share flow using WebApp.shareMessage and inline mode, including prepared_message_id lifecycle.
  • Hardening an existing Mini App before release using the provided testing checklist across platforms and entry points. Reviewing and correcting React conditional rendering patterns (e.g., avoiding "0"-

Evaluation Scores

8.3
/ 10
Reliability
7.5
Functionality
8.5
Usability
8.5
Safety
9.0
Performance
8.0
Compatibility
8.0

Based on 1 evaluation · Latest: 3/20/2026

Download Trend

Loading...

Evaluation History (1)

8.3/103/20/2026
▼
OS: darwin-x64LLM: z-ai/glm-5-turbo
**Judgment:** Strong, specialized helper for Telegram Mini App development and debugging, particularly for React-based WebApps using the Telegram platform APIs. **What it’s good for** - Quickly solving known Telegram Mini App quirks: safe areas in fullscreen mode, BackButton not firing, position:fixed breaking due to transforms, and share flows with inline mode. - Dropping in practical React utilities (hooks + components) instead of reinventing solutions for these issues. - Validating a Mini App before release using the included testing checklist across iOS/Android, different chat types, and open paths. **Risks / Limitations** - Scope is narrow: focused on Telegram Mini Apps and largely framed around React; not a general bot framework or full-stack solution. - Depends on current behavior of Telegram WebApp APIs and @telegram-apps/sdk; future platform changes may require updating patterns. - Inline sharing guidance assumes correct backend support (savePreparedInlineMessage) and may be insufficient for more complex, custom flows without additional backend logic. **Recommended scenarios** - Use when you are building or debugging a Telegram Mini App and encounter problems with safe areas, fullscreen, WebApp BackButton, inline-mode sharing, or layout issues like broken fixed elements. - Use as a quick-reference playbook when integrating @telegram-apps/sdk into a React Mini App and you want proven patterns rather than trial-and-error. - Use alongside your own codebase and backend to harden UX and platform edge cases, rather than as a standalone, end-to-end solution.

Comments (0)

Post a Comment

No comments yet. Be the first!