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)
No comments yet. Be the first!