HarshKapadia2 / HarshKapadia2/preview-markdown

Implement debouncing for images

Open
#10 0 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
JavaScript
Stars
16
Forks
7
PR merge metrics
No merged PRs in 30d

Description

- A network call for the image is made every time a character is entered or deleted in the `img` tag or in the `![image]()` Markdown syntax.
- A network call for all images is made every time something is typed in the input box containing images, as the output is rendered live.
- Implement [debouncing(https://www.tutorialspoint.com/what-is-debouncing-in-javascript) to reduce network requests for images.

Contributor guide

Open the contributing guide

Research direction

No file or test is named in the issue. Start by locating the live Markdown rendering and image-request paths, then verify that rapid edits make fewer image requests while the preview still updates correctly after typing pauses.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.