éžSPAãªã‚µãƒ¼ãƒ“スã«Reactã‚’å°Žå…¥ã™ã‚‹ - クックパッド開発者ブãƒã‚°æŠ•ç¨¿é–‹ç™ºéƒ¨ã®å¤–æ‘（@hokaccha）ã§ã™ã€‚今回ã¯Reactã«ã¤ã„ã¦ã®ãŠè©±ã§ã™ã€‚ Reactã¨SPA 最近JavaScriptã‚„ãれをå–ã‚Šå·»ãフレームワークãªã©ã®è©±é¡Œã§ã¯ã€ã‚µãƒ¼ãƒå´ã¯APIã®ã¿ã‚’æä¾›ã—ã€View(HTML)ã¯å…¨ã¦JavaScriptã§æç”»ã™ã‚‹ã‚ˆã†ãªã€ã„ã‚ゆるシングルページアプリケーション（以下SPA）ã«ã¤ã„ã¦ã‚ˆã語られã¾ã™ã€‚ 一方ã§ã€SPAを構築ã™ã‚‹ã«ã¯ã‚³ã‚¹ãƒˆãŒã‹ã‹ã‚‹ã“ã¨ã‚‚事実ã§ã€ç‰¹ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒå¤šããªã„環境ã§ã¯ã€å¾“æ¥é€šã‚Šã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§Viewを書ãã¤ã¤å‹•çš„ãªéƒ¨åˆ†ã ã‘JavaScriptã§å‡¦ç†ã™ã‚‹ã¨ã„ã†ã‚¢ãƒ¼ã‚テクãƒãƒ£ã®ã»ã†ãŒç¾å®Ÿçš„ãªå ´åˆã‚‚往々ã«ã—ã¦ã‚ã‚Šã¾ã™ã€‚ 今回ã¯ã“ã®ã‚ˆã†ãªã€ã‚µãƒ¼ãƒãƒ¼å´ã§HTMLを生æˆã—ã€ä¸€éƒ¨ã®å‹•çš„ãªéƒ¨åˆ†ã ã‘ã‚’Reactã§æ›¸ããŸã‚ã®Tipsを紹介ã—ã¾ã™ã€‚ ãªãŠã€åŸºæœ¬çš„ã«ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯Railså‰æã§ã™ãŒã€Railsã«ãŠã‘ã‚‹Reactã®é–‹ç™º
æ–°è¦Railsアプリã«å°ã•ãå°Žå…¥ã™ã‚‹React - Speaker Deck
React.jsを使ã„ãŸã„RailsãŠã˜ã•ã‚“ãŒJavaScriptライブラリをãã‚Œã£ã½ã管ç†ã—ãªãŒã‚‰å…¥é–€ã™ã‚‹ - ppworks.jp
社内勉強会ã§Reactã¨Fluxã«ã¤ã„ã¦å–‹ã£ãŸ - pixiv inside [archive]![社内勉強会ã§Reactã¨Fluxã«ã¤ã„ã¦å–‹ã£ãŸ - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a8d0ed6fcb034b99b3f6481c12f69296fc5deef2/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F11696248318756278971%2F8454420450092816254%2F1430122329)
Ajaxを劇的ã«ç°¡å˜ã«ã™ã‚‹React.js
Real World Virtual DOM
http://rny.io/rails/react/2014/07/31/reactjs-and-rails.html
{{#tags}}- {{label}}
{{/tags}}