Skip to content

Site: real terminal demo (React #32) #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
shilpi1958 merged 1 commit into from
Jul 30, 2026
Merged

Site: real terminal demo (React #32) #6

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 11 additions & 10 deletions docs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -346,20 +346,21 @@ <h2 class="eyebrow mono">HOW IT WORKS</h2>
<div class="terminal">
<div class="terminal-bar"><span></span><span></span><span></span></div>
<div class="terminal-body mono">
<div><span class="prompt">$</span> pr-explainer https://github.com/acme/billing-service/pull/482</div>
<div class="ok">✓ Fetched PR #482 · "Add retry logic to payment webhook handler"</div>
<div class="ok">✓ Loaded ~/.pr-explainer/learning-profile.md</div>
<div class="ok">✓ Asking Claude to explain...</div>
<div class="out">→ saved to ~/.pr-explainer/explainers/01-retry-logic-for-webhook.md</div>
<div><span class="prompt">$</span> pr-explainer https://github.com/facebook/react/pull/32</div>
<div class="ok">Generating explainer for PR #32: Add new onInput event</div>
<div class="out">~/.pr-explainer/explainers/01-react-now-responds-to-text-input-changes-faster-and-more-rel.md</div>
<div class="gap"></div>
<div class="hd"># React now responds to text input changes faster and more reliably</div>
<div class="out"><strong>Ships:</strong> A new onInput event that fires as users type or paste — replacing the older onKeyUp approach.</div>
<div class="gap-sm"></div>
<div class="hd">## What changed</div>
<div class="out">Webhook calls to the payment processor now retry 3× with backoff instead of failing silently on timeout.</div>
<div class="out">React's event system gains an input event that fires whenever a text field's content changes — typing, paste, voice, autocomplete.</div>
<div class="gap-sm"></div>
<div class="hd">## Why it matters to you</div>
<div class="out">You've been seeing "missing payment" support tickets that were actually just dropped webhooks — this should cut those out.</div>
<div class="hd">## Why it matters</div>
<div class="out">Live search, counters, and previews update immediately — and they keep working when users paste instead of typing letter-by-letter.</div>
<div class="gap-sm"></div>
<div class="hd">## Quiz</div>
<div class="out">Q: Why retries instead of a longer timeout? <span class="ans">▸ answer</span></div>
<div class="hd">## Quick check</div>
<div class="out">Q: Why onInput instead of onKeyUp? <span class="ans">▸ answer</span></div>
</div>
</div>
</section>
Expand Down
Loading