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

yukung id:yukung

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

${{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}}

Reactã‚’npmã§ãƒ“ãƒ«ãƒ‰ã™ã‚‹æ–¹æ³• browserify (watchify) + babelifyç·¨
2015å¹´10æœˆ7æ—¥ï¼ˆæ°´ï¼‰ã«Reactã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ã€ŒReact v0.14ã€ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ä»Šå›žã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯ã€ã€ŒReactã¯npmçµŒç”±ã§ä½¿ç”¨ã—ã€browserifyã‚„webpackã®ã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã£ã¦ã‚³ãƒ¼ãƒ‰ã‚’ä¸€ã¤ã®ãƒãƒ³ãƒ‰ãƒ«ã®ä¸ã«ãƒ“ãƒ«ãƒ‰ã™ã‚‹é–‹ç™ºæ–¹æ³•ã€ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ä»Šå›žã®è¨˜äº‹ã§ã¯ã€browserifyã‚’ä½¿ã£ãŸæ–¹æ³•ã«ãªã‚Šã¾ã™ãŒã€npmçµŒç”±ã§Reactã‚’ä½¿ã†æ–¹æ³•ã«ã¤ã„ã¦è©³ã—ãç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ä»Šå›žã®è¨˜äº‹ã‚’æ›¸ãã«ã‚ãŸã‚Šã€ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã‚’React v0.14ã§ä½œã‚Šã¾ã—ãŸã€‚ãƒ•ã‚©ãƒ¼ãƒ ã«å…¥åŠ›ã—ãŸãƒ†ã‚ã‚¹ãƒˆã‚’å‡ºåŠ›ã™ã‚‹ã ã‘ã®ã‚‚ã®ã§ã™ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚‚GitHubã«ã‚¢ãƒƒãƒ—ã—ã¦ã„ã‚‹ã®ã§ã€å‚è€ƒã«ã—ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ maechabin/react0.14-sample â€“ GitHubã¾ãŸæœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®React 0.14ã«ã¤ã„ã¦ã¯ã€ä»¥ä¸‹ã‚’å‚è€ƒã«ã—ã¦ãã ã•ã„
yukung 2017/04/30
programming

development

javascript

browserify

babel

es2015

react
ãƒªãƒ³ã‚¯
Reactã‚’ã€Œwebpack + babel-loaderã€ã§ãƒ“ãƒ«ãƒ‰ã™ã‚‹æ–¹æ³•
è‡ªåˆ†ã¯Reactã®ãƒ“ãƒ«ãƒ‰ã«Browserifyã‚’ä¸»ã«ä½¿ç”¨ã—ã¦ãŠã‚Šã€æ˜¨å¹´ã«ã¯ã€ŽReactã‚’npmã§ãƒ“ãƒ«ãƒ‰ã™ã‚‹æ–¹æ³• browserify (watchify) + babelifyç·¨ã€ã¨ã„ã†è¨˜äº‹ã‚‚æ›¸ãã¾ã—ãŸã€‚ãŸã ã€ã“ã“æœ€è¿‘ã®webpackã®äººæ°—ã£ã·ã‚Šã¯ã™ã•ã¾ã˜ã„ã‚‚ã®ãŒã‚ã‚Šã€ã€ŒReact + webpackã€ã¨ã„ã†çµ„ã¿åˆã‚ã›ãŒä»Šå¾Œã®ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã«ãªã£ã¦ã‚‚ãŠã‹ã—ããªã„ã¨ã„ã†çŠ¶æ³ãªã®ã§ã€ä»Šå›žã¯webpackã§Reactã‚’ãƒ“ãƒ«ãƒ‰ã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ webpackã¨ã¯ webpackã¯ã€browserifyã¨åŒæ§˜ã€è¤‡æ•°ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¾å˜é–¢ä¿‚ã‚’é¡§æ…®ã—ã¦ãƒ“ãƒ«ãƒ‰ã‚’è¡Œã†ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚Browserifyã¨ã®å¤§ããªé•ã„ã¯ã€å¯¾è±¡ã¨ãªã‚‹ã®ãŒJSãƒ•ã‚¡ã‚¤ãƒ«ã ã‘ã§ãªãã€CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚„ç”»åƒãªã©ã«åŠã¶ã¨ã„ã†ã¨ã“ã‚ã§ã—ã‚‡ã†ã‹ã€‚ã¾ãŸæœ€çµ‚çš„ã«ç”Ÿæˆã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚‚è¤‡æ•°ã«ã‚ã‘ã‚‹ã“ã¨ã‚‚ã§ããŸã‚Šã—ã¾ã™ã€‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã™ã§ã«å«ã¾ã‚Œã¦ã„ãŸã‚Š
yukung 2017/04/30
programming

development

javascript

webpack

babel

es2015

react
ãƒªãƒ³ã‚¯
10å¹´ã®ãƒ„ã‚±ã‚’æ”¯æ‰•ã£ãŸãƒ•ãƒãƒ³ãƒˆç•Œéšˆã«ãŠã‘ã‚‹JavaScripté–‹ç™ºç’°å¢ƒï¼ˆ2016å¹´4æœˆç¾åœ¨ï¼‰ã€‚ - æ—¥ã€…ã€ã¨ã‚“ã¯èªžã‚‹ã€‚
2015å¹´ã¯CSSãŒæ™®åŠã—ãŸä»¥æ¥ã¨ãªã‚‹10å¹´ã«1åº¦ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å¤§å¤‰é©æœŸã§ã€ãã‚Œã¾ã§ã®ãƒ„ã‚±ãŒä¸€æ°—ã«å›žã£ã¦ããŸã¨å€‹äººçš„ã«æ„Ÿã˜ã¦ã„ã¾ã—ãŸã€‚ç›®ã¾ãã‚‹ã—ãçŠ¶æ³ãŒå¤‰åŒ–ã—ã¦ã„ãã¾ã—ãŸãŒã€2016å¹´ã«ãªã‚Šã€å€‹äººçš„ã«ã ã„ã¶è½ã¡ç€ã„ã¦ããŸã¨æ„Ÿã˜ã¦ã„ã‚‹ã®ã§ã€ã“ã“ã‚‰ã¸ã‚“ã§ã¾ã¨ã‚ã¦ãŠããŸã„æ€ã„ã¾ã™ã€‚ æœ€åˆã«çµè«–ã‚’æ›¸ã„ã¦ãŠãã¨ã€ ã€ŽReact + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guideã€ ã¨ã„ã†çµ„ã¿åˆã‚ã›ãŒã€ã„ã¾åƒ•ã®æŽ¡ç”¨ã—ã¦ã„ã‚‹JavaScriptã®ç’°å¢ƒã§ã™ã€‚ ä¸»è¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ React A JavaScript library for building user interfaces | React åŽ»å¹´ã€ä¸€æ°—ã«æ™®åŠã—ãŸReact
yukung 2016/04/03
development

javascript

framework

react

flux
ãƒªãƒ³ã‚¯
Rebuilding HipChat with React.js - Atlassian Developers
We are excited to announce the release of ARM builds in the Pipelines cloud runtime. Our release of Linux based...
yukung 2015/02/12
javascript

react

flux

atlassian

hipchat
ãƒªãƒ³ã‚¯
1