The latest articles on Forem by James Zhan (@jzhan). https://forem.com/jzhan https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1092764%2Fcaa2a1da-6cab-400a-aa04-74d3cf90785b.jpeg https://forem.com/jzhan en James Zhan Tue, 23 Apr 2024 05:25:47 +0000 https://forem.com/jzhan/how-can-i-update-a-class-component-in-synclane-13k2 https://forem.com/jzhan/how-can-i-update-a-class-component-in-synclane-13k2 <p>In react 18 concurrency, sometime we want to specify a higher priority for UI update triggered by external store.</p> <p>This can be done for function component by using <code>useSyncExternalStore</code> that when the external store updates, react will update the UI in SyncLane.</p> <p>However, I can't find any information on how to make class component's <code>forceUpdate</code> to be in SyncLane. </p> <p>In react experimental version, I can use <code>unstable_runWithPriority</code> API to achieve the effect I want. Is there a more stable way to do it?</p> react