feat: memoize components to prevent child re-renders#45
Merged
haydenbleasel merged 11 commits intovercel:mainfrom Sep 15, 2025
Merged
Conversation
This PR memoizes Markdown components to prevent re-renders in children. I'll include a video. Start as draft. Note: This fix doesn't solve `anchor` because of how `hardern-react-markdown` works.
Contributor
|
@FranciscoMoretti is attempting to deploy a commit to the Vercel Team on Vercel. A member of the Team first needs to authorize it. |
FranciscoMoretti
changed the title
![vercel[bot]](https://avatars.githubusercontent.com/in/8329?s=60&v=4){kind=small}
Contributor
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Contributor
|
Amazing work @FranciscoMoretti - I'd love to show this as a primary feature on the website. Maybe we can create a new section and have react-scan running? I'll give it a go on this PR. |
Contributor
|
Example of react-scan in action streamdown-memo.mp4 |
Contributor
Author
|
The video/GIF would be the easiest way to do it. The ideal solution would be to apply
|
2hu12
reviewed
Aug 28, 2025
Contributor
Author
|
@haydenbleasel PR is conflict-free again 👌 Reverted |
…for Markdown elements - Introduced `ImageComponent` for handling images in Markdown. - Updated memoization for various Markdown elements to improve performance. - Cleaned up import statements for consistency.
- Replaced `ImageComponent` with `MemoImg` in the components export. - This change enhances memoization for image handling in Markdown.
Updated streamdown version from patch to minor and added feature to memoize components.
Contributor
|
@FranciscoMoretti with another 🐐 PR 🙏 |
own-boldsbrain
pushed a commit
to own-boldsbrain/streamdown
that referenced
this pull request
Sep 22, 2025
* chore(markdown): memoize components to prevent child re-renders This PR memoizes Markdown components to prevent re-renders in children. I'll include a video. Start as draft. Note: This fix doesn't solve `anchor` because of how `hardern-react-markdown` works. * changeset * Draft section * Revert "Draft section" This reverts commit df4c3ac. * fix: remove unused 'node' prop from MemoLi component * fix imports * feat: add ImageComponent to components export and update memoization for Markdown elements - Introduced `ImageComponent` for handling images in Markdown. - Updated memoization for various Markdown elements to improve performance. - Cleaned up import statements for consistency. * fix: update image component to use MemoImg for improved performance - Replaced `ImageComponent` with `MemoImg` in the components export. - This change enhances memoization for image handling in Markdown. * Change streamdown version and memoize components Updated streamdown version from patch to minor and added feature to memoize components. --------- Co-authored-by: Hayden Bleasel <hello@haydenbleasel.com>
1 task
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR memoizes Markdown components to prevent re-renders in children.
Note: This fix doesn't solve
anchorbecause of howhardern-react-markdownworks.Demo video
Memo.children.mp4