Reduced performance for large collection of snippets.

[bantya]

Current Behavior

As the snippets collection grows, it seriously hampers the performance of the app! Simple usage of app feels sluggish.

Expected Behavior

The app should run relatively with same speed/performance no matter how many snippets are loaded.

Suggestions

According to the reason mentioned in #13, as the large number of CodeMirror instances make the app less performant.

For just previewing all the snippets, the lightweight solutions like Prism, HighlightJs should be used.

The HighlightJs looks promising. It supports multiple languages (185 as of now), it also renders the view in multiple themes (89 as of now).

The CodeMirror instance should be created only for editing the snippet. If the snippet is saved/edit cancelled/focus is lost, the instance should be destroyed.

System Info

References

#13