3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-11 03:51:37 +02:00
Code Issues Projects Releases Packages Wiki Activity

⚡ Performance improvements

Browse source
This commit is contained in:
alonso.torres 2021-11-23 11:31:40 +01:00
parent 626d0cba46
commit 2b32e864fd
1 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

14
frontend/src/app/main/ui/workspace/shapes/frame.cljs
View file

@ -8,6 +8,7 @@
(:require (:require
[app.common.geom.shapes :as gsh] [app.common.geom.shapes :as gsh]
[app.common.pages :as cp] [app.common.pages :as cp]
[app.main.ui.hooks :as hooks]
[app.main.ui.shapes.frame :as frame] [app.main.ui.shapes.frame :as frame]
[app.main.ui.shapes.shape :refer [shape-container]] [app.main.ui.shapes.shape :refer [shape-container]]
[app.main.ui.shapes.text.fontfaces :as ff] [app.main.ui.shapes.text.fontfaces :as ff]
@ -57,10 +58,21 @@
(mf/fnc deferred (mf/fnc deferred
{::mf/wrap-props false} {::mf/wrap-props false}
[props] [props]
(let [tmp (mf/useState false) (let [shape (obj/get props "shape")
shape (-> (select-keys shape [:selrect])
(hooks/use-equal-memo))
tmp (mf/useState false)
^boolean render? (aget tmp 0) ^boolean render? (aget tmp 0)
^js set-render (aget tmp 1)] ^js set-render (aget tmp 1)]
(mf/use-layout-effect (mf/use-layout-effect
(mf/deps shape)
(fn []
(set-render false)))
(mf/use-layout-effect
(mf/deps shape)
(fn [] (fn []
(let [sem (ts/schedule-on-idle #(set-render true))] (let [sem (ts/schedule-on-idle #(set-render true))]
#(rx/dispose! sem)))) #(rx/dispose! sem))))