SPAã«ãŠã‘る状態管ç†:関数型ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã‚‚å–り入れるフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç³»ã‚¢ãƒ¼ã‚テクãƒãƒ£ã®å¤‰é· - エンジニアHub｜Webエンジニアã®ã‚ャリアを考ãˆã‚‹ï¼ã“ã‚“ã«ã¡ã¯ã€å°æž—（@koba04）ã§ã™ã€‚ 本記事ã§ã¯ã€ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—リケーション（以下ã€SPA）ã«ãŠã‘る状態管ç†ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ Gmailã‚„Twitterã¯ã€SPAã¨ã—ã¦æ§‹ç¯‰ã•ã‚Œã¦ã„る代表的ãªWebアプリケーションã§ã‚ã‚Šã€ã‚¹ãƒ ーズãªãƒšãƒ¼ã‚¸é·ç§»ã‚’SPAã«ã‚ˆã£ã¦å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚ã¾ãŸElectronã‚„PWA（Progressive Web Apps）ã®ç™»å ´ã«ã‚ˆã‚Šã€è¤‡é›‘ãªã‚¢ãƒ—リケーションをWebã®æŠ€è¡“を使ã£ã¦æ§‹ç¯‰ã™ã‚‹å ´é¢ã‚‚増ãˆã¦ãã¾ã—ãŸã€‚ ã“れらã®è¤‡é›‘ãªã‚¢ãƒ—リケーションã«ãŠã„ã¦ã¯ã€æ—¢å˜ã®ãƒšãƒ¼ã‚¸å˜ä½ã§ã®çŠ¶æ…‹ç®¡ç†ã®è€ƒãˆæ–¹ã§ã¯å¯¾å¿œãŒé›£ã—ããªã‚Šã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€å…·ä½“çš„ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークもå–り上ã’ãªãŒã‚‰ã€Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ãŠã‘る状態管ç†ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã®çŠ¶æ…‹ç®¡ç†ã®è¤‡é›‘化 ページã®å˜ä½ã‚’超ãˆãŸçŠ¶æ…‹ã®ä¿æŒ モデルã¨ãƒ“ューã«ã‚ˆã‚‹å‡¦ç†ã®åˆ†å‰² イベントã®ç®¡ç†ãŒè¤‡é›‘ã«ãª
React+Fluxアプリケーションã«propsãƒã‚±ãƒ„リレーã¯å¿…è¦ã‹
ã‚„ã¯ã‚ŠHTML/DOMã¯å†ç™ºæ˜Žã•ã‚Œã‚‹ã¹ãã˜ã‚ƒãªã„ã‹ - mizchi's blog
Fluxã®Actionã¨Storeã‚’ã¡ã‚ƒã‚“ã¨åˆ†ã‘る話 - pixiv inside [archive]![Fluxã®Actionã¨Storeã‚’ã¡ã‚ƒã‚“ã¨åˆ†ã‘る話 - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f406d9ad5e12aa72c3776150d7ea658abaac040/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fbc92d107234fdc58fbae32acb90f7eb19738e3dc%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fg%252Fgeta6%252F20151218%252F20151218175826.png)
Reactã¨Fluxã®ã“㨠// Speaker Deck
{{#tags}}- {{label}}
{{/tags}}