Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Poor performance on re-render
See original GitHub issueDescribe the bug
Any time React does a re-render on the SyntaxHighlighter component, the component does a full re-parse, re-highlight of the entire document even when the document hasn’t changed. The most egregious offender is getCodeTree and next up is processLines.
I think the fix here is to simply wrap these in useMemo.
To Reproduce Steps to reproduce the behavior:
- Render a large file.
- Note that re-renders are still very slow.
Expected behavior A clear and concise description of what you expected to happen.
Screenshots
Video: https://youtu.be/N01PEn3BZIk
Desktop (please complete the following information):
- OS: macOS 10.15.4
- Browser Chrome, FireFox
Additional context Add any other context about the problem here.
Issue Analytics
- State:
- Created 3 years ago
- Reactions:9
- Comments:6 (2 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
I’m having this same problem with large files. I still haven’t found a workaround for this issue.
Thanks @simmerer !