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

drillbits id:drillbits

reactã«é–¢ã™ã‚‹drillbitsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Re: React.jsç•Œéšˆã®äººã«èžããŸã„ - mizchi's blog
React.jsç•Œéšˆã®äººã«èžããŸã„ å‰æ Reactã‚ˆã‚Šå‰ã«åƒ•ãŒã‚„ã‚ŠãŸã‹ã£ãŸã“ã¨ã¨ã—ã¦ã€å†ªç‰æ€§ã®æ‹…ä¿ã®ç‚ºã«æ¯Žãƒ•ãƒ¬ãƒ¼ãƒ document.body.innerHTML ã‚’æ›¸ãæ›ãˆãŸã‹ã£ãŸãŒãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹çš„ã«ãã‚ŒãŒè¨±ã•ã‚Œãªã‹ã£ãŸãŒã€Reactã¯æ“¬ä¼¼çš„ã«ãã‚Œã‚’é”æˆã•ã›ã¦ãã‚ŒãŸã¨ã„ã†åœ§å€’çš„æ„Ÿè¬ðŸ™ãŒã‚ã‚‹â€” ãƒ€ã‚¤ãƒŠãƒ¢ãƒã‚°ãƒ©ãƒž (@mizchi) 2016å¹´5æœˆ23æ—¥ SPA ä¸–ã®ä¸ã«SPAã®éœ€è¦ãŒã‚ã‚‹ã®ã‹ï¼Ÿã¨ã„ã†ç‚¹è€ƒãˆã¦ã„ãŸã‘ã©ã€éœ€è¦ãŒãªã„ã‹ã‚‰SPAæŠ€è¡“ãŒã„ã‚‰ãªã„ã€ã¨ã„ã†ã®ã¯ãŸã¶ã‚“é–“é•ã£ã¦ã¦ã€SPAæŠ€è¡“ã‚’æŒãŸãªã„äººãŒå¤šã„ã‹ã‚‰ãã®ç™ºæƒ³ã‚‚ãªãã€SPAã§é”æˆã§ãã‚‹ã“ã¨ãŒã‚¤ãƒ¡ãƒ¼ã‚¸å‡ºæ¥ãªã„ã®ãŒã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³è¨è¨ˆã®ç¸›ã‚Šã«ãªã£ã¦ã„ã‚‹ã€ã¨ã„ã†æ„Ÿã˜ãªæ°—ãŒã™ã‚‹â€” ãƒ€ã‚¤ãƒŠãƒ¢ãƒã‚°ãƒ©ãƒž (@mizchi) 2016å¹´5æœˆ23æ—¥ Gmailã‚„Trelloã‚„Pivotalã‚„ã‚°ãƒ©ãƒ–ãƒ«ã¯ç•°å¸¸ãªæŠ€è¡“ã®é›†å¤§æˆã§ã¯ãªãã€å€‹åˆ¥ã«åˆ†è§£å¯èƒ½ãª
drillbits 2016/12/31
js

react

jQuery
ãƒªãƒ³ã‚¯
webpack(v1)ã¨babelã§ES6ã‚³ãƒ¼ãƒ‰ã‚’ã•ãã£ã¨æ›¸ã - getalog
æœ€ä½Žé™ã®ã‚³ã‚¹ãƒˆã§æœ€è¿‘ã‚ˆãèžãã„ã„æ„Ÿã˜ã®jsã‚’æ›¸ããŸã„æ™‚ã®æ§‹æˆã‚’ãšã‚‰ãƒ¼ã£ã¨æ›¸ã„ã¦ã¿ã‚‹ æº–å‚™ã™ã‚‹ã‚‚ã® node/npm (æœ€è¿‘ã¯rbenvã‚¯ãƒãƒ¼ãƒ³ã®nodenvãŒã„ã„æ„Ÿã˜ã€æ“ä½œã¯åŒã˜) webpack babel .babelrc .babelrcã‚’è¨ç½®ã—ã¨ãã¨babelã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè¨å®šãŒã“ã„ã¤ã®ä¸èº«ã§æ›¸ãæ›ã‚ã‚‹ Reactã‚’ä½¿ã‚ãªã„ãªã‚‰ã€presetã®reactã¯ã„ã‚‰ãªã„ export defaultã•ã‚ŒãŸãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’importã—ãŸæ™‚ã«.defaultã§å¼•ãã®ã‚’è¨±ã›ã‚‹ãªã‚‰ã€add-module-exportsã¯ã„ã‚‰ãªã„(å¾Œè¿°) Reactã„ã‚‹ { "presets": [ "es2015", "stage-0", "react" ], "plugins": [ "add-module-exports" ] } ã„ã‚‰ãªã„ { "presets": [ "es2015", "stage-0"
drillbits 2016/09/12
webpack

babel

react
ãƒªãƒ³ã‚¯
Reactã¨Fluxã®ã“ã¨ // Speaker Deck
http://inside.pixiv.net/entry/2015/04/27/170944
drillbits 2015/04/27
react

flux

js
ãƒªãƒ³ã‚¯
React / Flux ã‚’å®Ÿæ¡ˆä»¶ã§ä½¿ã£ã¦ã¿ãŸ
è‡ªå·±ç´¹ä»‹ Name : Takuto Wada github : twada twitter : t_wada hatena : t-wada TDD ã¨ãƒ©ã‚¤ã‚ªãƒ³ã®äºº power-assert ã®äºº React / Flux ã‚’çŸ¥ã£ãŸãã£ã‹ã‘ mizchi ã•ã‚“ã®ã‚¨ãƒ³ãƒˆãƒª (ã‚ãªãŸãŒReactã‚’ä½¿ã†ã¹ãç†ç”±) ã ã£ãŸã¨æ€ã† æ—¥æœ¬èªžã®æƒ…å ±ã¯ã»ã¨ã‚“ã©ç„¡ã‹ã£ãŸãŒã€ã‚¨ãƒƒã‚¸ç³»ã®äººãŸã¡ãŒé¨’ãŽå‡ºã—ãŸ & æµ·å¤–ã§åœ§å€’çš„ã«äº‹ä¾‹ãŒå¢—ãˆå‡ºã—ãŸã®ã§èˆˆå‘³ã‚’æŒã£ãŸ Rendr ã® AirBnb ãŒ React ã‚’ä½¿ã„å§‹ã‚ãŸã“ã¨ã‚’çŸ¥ã‚Šã€ã“ã‚Œã¯æ±ºå®šçš„ã ã¨æ€ã£ãŸ React ã‚’ã©ã†å‹‰å¼·ã—ãŸã‹ å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå……å®Ÿã—ã¦ã„ã‚‹ ã¾ãš Tutorial ã‚’ãã®ã¾ã¾å†™çµŒ æ¬¡ã« browserify + reactify ã§ Tutorial ã‚’ã‚‚ã†ä¸€å‘¨ã‚„ã£ã¦ã¿ã‚‹ (showdownã¯browserify å¯¾å¿œã—ã¦ã„
drillbits 2015/01/15
js

react

flux
ãƒªãƒ³ã‚¯
1