Hey Discourse team, I’m currently investigating why Babble slows down user input so much while typing. I’ve traced it to the keyUp / keyDown hooks in my composer widget, which do things like listen for submit on enter, and escape to cancel, as well as sending notifications that the user is currentl…

Hmm this is tricky. The widget framework is designed to re-render following any input, be it clicking or pressing a key. In general re-rendering widgets is fast, so the thought was you should be able to re-render as fast as the user is typing. Are your renders slow? You can output how many ms are b…

My guess would be that the render may be slow because it’s traversing up the widget tree and rerendering the whole chat pane (including all of the posts, which are their own widget), whereas if it rerenders on keyUp I’d love it to just rerender the composer (which I reckon would be quite fast). - s…

Okay, I can confirm this. With a small amount of posts loaded in the window, the rendering times are acceptable (40-60ms each for keyUp / keyDown) However, as more posts are loaded into the window, the rendering time of the widget gradually increases: 50 posts: ~50ms 100 posts: ~70ms 150 posts: …

Are the posts in the window using the shadowTree property that our post stream does? If you set that attribute, the virtual dom will not diff the contents of posts on a typical re-render. It will diff if something inside the post triggers the render (such as an action on a button on it). You might…

Rerendering on widget keyUp / keyDown?

Development

gdpelican (James Kiesel) 2017 年5 月 1 日 23:32 6

Cool, I think that’s exactly what I’m looking for!

话题		回复	浏览量
A tour of how the Widget (Virtual DOM) code in Discourse works Development	75	30100	2023 年7 月 10 日
How to tell if page is loading in theme component / widget? Development	10	1672	2021 年6 月 4 日
Reload/Refresh a widget on refresh of another widget Development	12	1737	2021 年10 月 7 日
How different are Ember component and Discourse widget? Development	3	1271	2020 年6 月 8 日
Render a component within a Widget. (Using select-kit components within plugin code) Development	29	4040	2024 年3 月 6 日

Rerendering on widget keyUp / keyDown?

相关话题