[B! react] tsukamottã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tsukamott id:tsukamott

reactã«é–¢ã™ã‚‹tsukamottã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Railsã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒReactã‚’å§‹ã‚ã¦SSRã¨Reduxã¨TypeScriptã‚’å°Žå…¥ã™ã‚‹ã¾ã§ | bitjourney Kibela
Rails ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒReactã‚’å§‹ã‚ã¦SSRã¨Reduxã‚’å°Žå…¥ã™ã‚‹ã¾ã§ Roppongi.rb #3 "Rails x Frontend-Tech" è‡ªå·±ç´¹ä»‹ github.com/gfx BitJourneyã§Kibelaã‚’é–‹ç™º Speee, Inc. ã§æŠ€è¡“é¡§å•ã‚’ã—ã¦ã‚‹ Reactã¯ç¾è·ã§åˆã‚ã¦è§¦ã£ãŸï¼ˆ2016å¹´8æœˆ~ï¼‰ ä»Šæ—¥ã®è©± Kibelaã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è©±ã§ã™ã€‚ èªã¿ã¯ã‚ãƒ™ãƒ© Markdownã§æ›¸ã‘ã¦ã€ãƒ•ãƒãƒ¼æƒ…å ±ï¼ˆBlogï¼‰ã¨ã‚¹ãƒˆãƒƒã‚¯æƒ…å ±ï¼ˆWikiï¼‰ã‚’åŒºåˆ¥ã—ã¦æ•´ç†ã§ãã‚‹æƒ…å ±å…±æœ‰ãƒ„ãƒ¼ãƒ« ã“ã‚Œã¾ã§ã®è©± æ–°è¦Railsã‚¢ãƒ—ãƒªã«å°ã•ãå°Žå…¥ã™ã‚‹React // Speaker Deck ï¼ˆdex1t, 2016/09/05ï¼‰ å°ã•ãå°Žå…¥ã—ã¦å¦ã³ãªãŒã‚‰é–‹ç™ºã‚’é€²ã‚ã‚‹ â• Interactive UI componentã‚’Reactã§ï¼†jQueryã‚‚ä½µç”¨ âŒ viewã‚’ã™ã¹ã¦Reactã§å®Ÿè£…
tsukamott 2017/06/01
react

rails
ãƒªãƒ³ã‚¯
ReactåŸºç¤Ž Â· GitBook
ReactåŸºç¤Ž ãƒ¬ãƒƒã‚¹ãƒ³ Lesson 01: ç’°å¢ƒæ§‹ç¯‰ Lesson 02: ES2015ã«ã¤ã„ã¦ Lesson 03: é–¢æ•°åž‹ã®æ›¸ãæ–¹ Lesson 04: åˆã‚ã¦ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ Lesson 05: åˆã‚ã¦ã®inline style Lesson 06: åˆã‚ã¦ã®props Lesson 07: é…åˆ—ã‹ã‚‰ã®å±•é–‹ Lesson 08: ãƒ•ã‚©ãƒ¼ãƒ ã®å®šç¾© Lesson 09: ãƒ•ã‚©ãƒ¼ãƒ ã«ã‚ˆã‚‹ãƒ‡ãƒ¼ã‚¿è¿½åŠ Lesson 10: ç·åˆèª²é¡Œã€Œç›®çš„ç‰¹åŒ–åž‹é›»å“ã‚’ä½œã£ã¦ã¿ã‚ˆã†ã€ ãŠã¾ã‘ Appendix 01: æ§˜ã€…ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®æ›¸ãæ–¹ Appendix 02: ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®state Appendix 03: ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ãƒ¡ã‚½ãƒƒãƒ‰ Appendix 04: JSX vs. createElement Appendix 05: PropTypes Appendix 06: p
tsukamott 2017/02/13
javascript

react
ãƒªãƒ³ã‚¯
2016å¹´ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã‚¼ãƒã‹ã‚‰React/Reduxã‚’å¦ç¿’ã—ãŸã¨ãã®æ–¹æ³•ã‚’æŒ¯ã‚Šè¿”ã‚‹
ã“ã‚“ã«ã¡ã¯ã€‚ã‚¹ã‚¿ã‚¸ã‚ªãƒ»ã‚¢ãƒ«ã‚«ãƒŠã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãªã£ã¡ã‚ƒã‚“(@natsumican63)ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯React Advent Calendar 2016ã®13æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ãã‚Œã¯2016å¹´ã‚‚å¾ŒåŠã¸å·®ã—æŽ›ã‹ã£ãŸã‚ã‚‹æ—¥ã®ã“ã¨ã§ã—ãŸâ€¦ ä¸Šå¸ã€Œæ¬¡ã®æ¡ˆä»¶ã€ã“ã®è¾ºã®æŠ€è¡“ä½¿ã†ã‹ã‚‰è»½ãå‹‰å¼·ã—ã¦ãŠã„ã¦ãƒ¼ã€ ã¤ React.js + Redux.js + redux-saga + Cordova + ES6 + Babel + OnsenUI + Gulp + Webpack (ã€€ï¾ŸÐ´ï¾Ÿ) (ã¤Ð´âŠ‚)ï½ºï¾žï½¼ï½ºï¾žï½¼ (ï¼›ï¾Ÿ Ð”ï¾Ÿ) !?!? (; ï¾ŸÐ´ï¾Ÿ)ã€Œâ€¦ã‚ã€ã‚ã‹ã‚Šã¾ã—ãŸã€ â€»ã€Œä½•ã§ã‚‚ã‚„ã‚Šã¾ã™ï¼ã‚„ã‚‰ã›ã¦ãã ã•ã„ï¼ã€ãŒç§ã®å£ç™–ãªã®ã§ã€æ±ºã—ã¦ç„¡èŒ¶æŒ¯ã‚Šã—ã¦ãã‚‹å¼Šç¤¾ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã‚ˆï¼ã»ã‚“ã¨ã ã‚ˆï¼ï¼ æ–¯ãã—ã¦2016å¹´ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã¯ã˜ã‚ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¸ã®é–€æˆ¸ã‚’é–‹ãã“ã¨ã¨ãªã£ãŸéš›ã®å¦
tsukamott 2016/12/13
ã‚ã¨ã§èªã‚€

react
ãƒªãƒ³ã‚¯
Ruby on Rails on React on SSR on SPA - âœ˜â•¹â—¡â•¹âœ˜
amakan ã§ã®è¨è¨ˆã‚’ä¾‹ã«ã€Railsã§Single-Page Applicationã‚’ã¤ãã‚‹ã¨ãã®è‡ªåˆ†ã®ã‚„ã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ Gem ã€ŒJavaScriptã§æ›¸ã‹ã‚ŒãŸReactã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‹ã‚‰HTMLã‚’ç”Ÿæˆã™ã‚‹ã€ã¨ã„ã†ã®ã‚’Rubyã§ã‚„ã‚‹ãŸã‚ã«ã€Rubyã®V8ã‚¨ãƒ³ã‚¸ãƒ³å®Ÿè£…ã§ã‚ã‚‹mini_racerã¨ã„ã†Gemã‚’ä½¿ã†ã€‚ã“ã®å‡¦ç†ã‚’æ¥½ã«å®Ÿè¡Œã™ã‚‹ãŸã‚ã«ã€react_on_railsã¨ã„ã†Gemã‚‚ä½¿ã†ã€‚ gem "mini_racer" gem "react_on_rails" View bodyè¦ç´ å†…ã®HTMLã¯å…¨ã¦Reactã§ç”Ÿæˆã™ã‚‹ã®ã§ã€layoutä»¥å¤–ã«viewã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¯å˜åœ¨ã—ãªã„ã€‚ Controller åˆå›žãƒªã‚¯ã‚¨ã‚¹ãƒˆã®å ´åˆã¯HTMLã‚’è¿”ã™ ãƒšãƒ¼ã‚¸é·ç§»æ™‚ã«å‘¼ã°ã‚Œã‚‹ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®å ´åˆã¯JSONã‚’è¿”ã™ å¤–éƒ¨ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ãƒãƒƒã‚¯ã§æˆ»ã£ã¦ããŸã¨ãã«JSONã‚’è¦‹ã›ãªã„ ã¨ã„ã†è¦æ±‚ã«
tsukamott 2016/10/11
react
ãƒªãƒ³ã‚¯
æ–°è¦Railsã‚¢ãƒ—ãƒªã«å°ã•ãå°Žå…¥ã™ã‚‹React - Speaker Deck
dotsã§é–‹å‚¬ã•ã‚ŒãŸReactã®å°Žå…¥ã‚’æ¤œè¨Žã•ã‚Œã¦ã‚‹æ–¹å‘ã‘ã®å‹‰å¼·ä¼šã§ãŠè©±ã—ã¾ã—ãŸ https://eventdots.jp/event/597088
tsukamott 2016/09/06
rails

react
ãƒªãƒ³ã‚¯
http://post.simplie.jp/posts/27
tsukamott 2016/05/12
react

rails

react
ãƒªãƒ³ã‚¯
React + Flux backed by Rails API - Part 1 | Fancy Pixel
Iâ€™ve been working on a frontend for a project we are developing here at Fancy Pixel. We are embracing what looks like a good habit: slicing what would be a monolithic Rails app in a lightweight backend serving APIs and a frontend consuming them. We did this in the not so distant past using Angular.js. It was all fine and dandy, until it wasnâ€™t. Thereâ€™s something about it that doesnâ€™t sit right wit
tsukamott 2015/12/06
Rails

react
ãƒªãƒ³ã‚¯
1