KMC 春åˆå®¿2017ã§ç™ºè¡¨ã—ãŸãƒˆãƒ¼ã‚¯ã§ã™ã€‚
Webアプリケーションã¦ã‚™ 60fpsã‚’(極力)目指ã™
KMC 春åˆå®¿2017ã§ç™ºè¡¨ã—ãŸãƒˆãƒ¼ã‚¯ã§ã™ã€‚
React + Redux- Animation - - DeNA Design
デザイン戦略室フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å‰äº•ã§ã™ã€‚ 昨今㮠React 実装ã¯ã€StatelessFunctionalComponent(SFC)を用ã„㦠Flux ã‚„ Redux ã«çŠ¶æ…‹ç®¡ç†ã‚’委è²ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンãŒå®šç€ã—ã¦ã„ã¾ã™ã。アプリケーション㮠UX ã«æ¬ ã‹ã›ãªã„アニメーションã§ã™ãŒã€ŒSPA ã¨ã¯ç›¸æ€§ãŒæ‚ªã„ã€ã¨ã„ã†å™‚ã‚’èžã„ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚従æ¥ã® html アニメーションã¨ã„ãˆã° jQuery.animate ã«ã‚ˆã‚‹ã‚‚ã®ãŒå®šç•ªã§ã™ãŒã€jQuery.animate ã¯ä»¥ä¸‹ã®ç†ç”±ã§ React ã¨ç›¸æ€§ãŒæ‚ªã„ã§ã™ã€‚ jQuery を使用ã—ãªã„ã“ã¨ãŒã»ã¨ã‚“ã©ã§ã€ã»ã‹ãƒ©ã‚¤ãƒ–ラリã«é ¼ã‚‹å¿…è¦ãŒã‚る。 DOM å‚ç…§(ref å‚ç…§)ã®ãŸã‚ã« SFC を諦ã‚ãªã„ã¨ã„ã‘ãªã„。 Animation 実行ä¸ã« component ã‚’ unmount ã™ã‚‹ã¨å‚照エラーã«ãªã‚‹ã€‚ Animation ã®çŠ¶æ…‹ã‚’
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - pmndrs/use-gesture: 👇Bread n butter utility for component-tied mouse/touch gestures in React and Vanilla Javascript.
{{#tags}}- {{label}}
{{/tags}}