Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Improve the Empower Plant demo

Open
  • Is something wrong?
#6,492 2 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
55/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Quiet
Tech stack
react-native, typescript
Domain
mobile

Research direction

Start with the React Native Empower Plant sample app and its App.tsx entry point, including the existing feedbackIntegration() and mobileReplayIntegration() setup. Trace the current profiling, app-start, ANR, replay, breadcrumb, and attribute demos before making the listed improvements. Done means each requested behavior is demonstrable and the obsolete custom feedback modal and other cleanup are removed.

Written by the indexing model from the issue text.

Description

Improvement React-Native

Improvements for the React Native sample app (Empower Plant demo):

  • Remove the custom UserFeedbackModal (built-in feedbackIntegration() is already active in App.tsx)
  • Add hermesProfilingIntegration() explicitly instead of relying on profilesSampleRate alone
  • Call Sentry.appLoaded() / reportFullyDisplayed() to demo standalone app-start + manual TTFD
  • Add a "Block JS Thread" button to demo ANR detection (currently on by default but never exercised)
  • Configure networkRequestHeaders / networkResponseHeaders in the existing mobileReplayIntegration() init
  • Add a rage-tap button (10 rapid taps) to trigger the ui.multiClick breadcrumb
  • Demo top-level Sentry.setAttribute / setAttributes (available in v8.17+)
  • General cleanup

Already implemented / no longer needed:

  • SDK upgrade (currently at 8.19.0)
  • beforeSendTransaction counterpart to existing beforeSend
  • httpClientIntegration() for non-2xx capture
  • mobileReplayIntegration() with networkDetailAllowUrls and networkCaptureBodies
Dominant language
TypeScript
Stars
1.8k
Forks
367
Avg merge
22h 37m
Merged PRs (30d)
96

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from getsentry/sentry-react-native

All issues in getsentry/sentry-react-native

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.