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

joan9 id:joan9

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

${{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 JSX with TypeScript(1.6) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
joan9 2015/12/25
typescript

react
ãƒªãƒ³ã‚¯
Reactã¨HTML5 Form Validationã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒã‚§ãƒƒã‚¯æ©Ÿèƒ½ä»˜ããƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚‹
ã‚µãƒ³ãƒ—ãƒ«ã«ã¤ã„ã¦ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã¨URLã‚’å…¥åŠ›ã—ã¦é€ä¿¡ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã§ã™ã€‚ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§å…¥åŠ›å€¤ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¨å…¥åŠ›ã®æœ‰ç„¡ã®ãƒã‚§ãƒƒã‚¯ã‚’è¡Œã„ã¾ã™ã€‚å…¥åŠ›å€¤ã«å•é¡ŒãŒãªã‘ã‚Œã°ã€é€ä¿¡ãƒœã‚¿ãƒ³ãŒæŠ¼ã›ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ã€å…¥åŠ›å€¤ãŒã‚¢ãƒ©ãƒ¼ãƒˆã¨ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚â€»ã‚µãƒ³ãƒ—ãƒ«ãªã®ã§ã€ã‹ãªã‚Šã‚·ãƒ³ãƒ—ãƒ«ã«ä½œã£ã¦ã„ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯GitHubã§ç¢ºèªå¯èƒ½ã§ã™ã€‚ maechabin/react-validation-form â€“ GitHubå®Ÿéš›ã«Reactã®å®Ÿè£…ã‚’è¡Œã£ã¦ã„ã‚‹ã®ãŒä»¥ä¸‹ã®JSãƒ•ã‚¡ã‚¤ãƒ«ã¨ãªã‚Šã¾ã™ã€‚ https://github.com/maechabin/react-validation-form/blob/master/src/app.jså®Ÿè£…æ–¹æ³•ã®èª¬æ˜Žã®å‰ã«Reactã®åŸºç¤ŽçŸ¥è˜ã®èª¬æ˜Žã‚„é–‹ç™ºç’°å¢ƒã®æ§‹ç¯‰æ–¹æ³•ãªã©ã¯çœç•¥ã—ã¾ã™ã€‚ãã®è¾ºã®æƒ…å ±ã«ã¤ã„ã¦ã¯ã€å½“ãƒ–ãƒã‚°ã®ä»¥ä¸‹ã®è¨˜äº‹ãªã©ã‚’å‚è€ƒã«ã—ã¦ãã ã•ã„
joan9 2015/12/25
react
ãƒªãƒ³ã‚¯
Flowtypeã‚’ä½¿ã£ã¦ReactComponentã§åž‹å®‰å…¨ã‚’æ‰‹ã«å…¥ã‚Œã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
joan9 2015/12/25
react

flowtype

åž‹
ãƒªãƒ³ã‚¯
React Meets Grails ã€œReactã¯ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºSPAã®å¤¢ã‚’è¦‹ã‚‹ã‹ï¼Ÿã€œ - uehaj's blog
æœ¬è¨˜äº‹ã¯ã€G*Advent Calendar 2015ã®24æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ æ˜¨æ—¥ã¯ it__sseiã•ã‚“ã®è¨˜äº‹ã§ã€æ˜Žæ—¥ã¯touchez_du_boisã•ã‚“ã®è¨˜äº‹ã§ã™ã€‚ (2016/1/22è¿½è¨˜) id:bati11_ ã•ã‚“ãŒã€æœ¬è¨˜äº‹ã§ä½œæˆã—ã¦ã„ã‚‹ãƒœã‚¤ãƒ©ãƒ¼ãƒ—ãƒ¬ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰ã®Reactéƒ¨åˆ†ã«ã¤ã„ã¦ã€ã‚¹ãƒ†ãƒƒãƒ—ãƒã‚¤ã‚¹ãƒ†ãƒƒãƒ—ã®è©³ç´°ã‹ã¤ä¸å¯§ãªä»¥ä¸‹ã®è§£èª¬è¨˜äº‹ã‚’åŸ·ç†ã•ã‚Œã¦ãŠã‚Šã¾ã™ã€‚æ˜¯éžä½µã›ã¦ã”å‚ç…§ãã ã•ã„ã€‚ bati11blog.hatena blog.com bati11blog.hatena blog.com bati11blog.hatena blog.com ç›®æ¬¡ ç›®æ¬¡ ã¯ã˜ã‚ã« èƒŒæ™¯ ä½œæˆã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ æ–¹é‡ ãƒ•ã‚©ãƒ«ãƒ€æ§‹æˆ JSé–¢ä¿‚ã®ç”¨èªžã«ã¤ã„ã¦ æº–å‚™ Grailså´ Grailsã‚¢ãƒ—ãƒª context rootã®å¤‰æ›´ JSã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã®å‘¼ã³å‡ºã— web.xmlã®è¨å®š æ–‡å—åŒ–ã‘å¯¾ç– Rea
joan9 2015/12/25
react

grails
ãƒªãƒ³ã‚¯
Fluxãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æˆ¦äº‰ã®ç¾çŠ¶ç¢ºèªï¼ˆå‰ç·¨ï¼‰ - ãƒžãƒ«ã‚·ãƒ†ã‚¤ã‚¢
ã“ã®è¨˜äº‹ã¯ ä»®æƒ³DOM/Flux Advent Calendar 2015 2æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ã¿ãªã•ã‚“Fluxæ›¸ã„ã¦ã¾ã™ã‹ï¼Ÿ åƒ•ã¯ã‚ªãƒ¬ã‚ªãƒ¬å®Ÿè£…ã‚’æ›¸ãç¶šã‘ã¦æ¶ˆè€—ã—ã¦ã¾ã™ã€‚ Fluxãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ä½¿ã„ãŸã„ã‘ã©ä½¿ã„ãŸããªã„â€¦â€¦ï¼ï¼ ã„ã£ãŸã„ä»ŠFluxãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦å¹¾ã¤ç”Ÿãæ®‹ã£ã¦ã‚‹ã®â€¦â€¦æˆ¦äº‰ã¯çµ‚ã‚ã£ãŸã®ï¼Ÿ ã£ã¦ã„ã†ã‹æœ€è¿‘æ–°ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å™‚èžã‹ãªã„ã‘ã©ã€ã¾ã Fluxã£ã¦æµè¡Œã£ã¦ã‚‹ã®ï¼Ÿ ä»Šæ—¥ã¯ãã®è¾ºã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚‚ãã˜ å‰æçŸ¥è˜ Fluxä»¥å‰ 2014å¹´5æœˆ Fluxç™»å ´ ã€œ2015å¹´å‰åŠ æˆ¦å›½æ™‚ä»£ Fluxxor Fluxible Alt NuclearJS æŒ¯ã‚Šè¿”ã‚Š 2015/5æœˆ Reduxã®ç™»å ´ å‰åŠã¾ã¨ã‚ å‰æçŸ¥è˜ Fluxã£ã¦ãªã«ï¼Ÿã¨ã„ã†æ–¹ã¯ã“ã¡ã‚‰ã®è³‡æ–™ã‚’ã¿ã‚‹ã¨è‰¯ã„ã§ã—ã‚‡ã†ã€‚ éžå¸¸ã«ä¸å¯§ã«ã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ speakerdeck.com ãªãŠã€ä»¥ä¸‹ã§ã¯ã‚¢ãƒ¼ã‚ãƒ†ã‚¯
joan9 2015/12/03
flux

react

Redux
ãƒªãƒ³ã‚¯
ä»®æƒ³DOMã§é‚ãŒéœ‡ãˆã¦ã‹ã‚‰ä¸€å¹´ã€ä»®æƒ³DOMã¨Fluxã®ä»Š - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ãªãœä»®æƒ³DOMã¨ã„ã†æ¦‚å¿µãŒä¿ºé”ã®é‚ã‚’éœ‡ãˆã•ã›ã‚‹ã®ã‹ ã‹ã‚‰ä¸€å¹´ã€ã¿ãªã•ã¾ã©ã®ã‚ˆã†ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ãŠéŽã”ã—ã§ã—ã‚‡ã†ã‹ã€‚ åƒ•ã¯ã²ãŸã™ã‚‰éŽåŽ»è³‡ç”£ã‚’ãƒªãƒ•ã‚¡ã‚¯ã‚¿ã—ã¦ã„ã¾ã™ã€‚ éœ€è¦ã®é›°å›²æ°— è‰²ã‚“ãªæ‰€ã«æ›¸ãã¾ã—ãŸãŒã€åŽ»å¹´åƒ•ãŒä»®æƒ³DOM AdventCalendar ã‚’ã‚„ã£ãŸã®ã¯ã€ã€Œåƒ•è‡ªèº«ãŒproductionã§ä½¿ã„ãŸã„ã€ã®ã§ã€ã€ŒReactã¾ã‚ã„ã„ã‚ˆãã€çš„ãªé›°å›²æ°—ã‚’ä½œã£ã¦å¤–å €åŸ‹ã‚ã‚‹ã®ãŒç›®çš„ã§ã—ãŸã€‚ãã—ã¦ã€ãã®ç›®çš„ã¯ãŠãŠã‚ˆãæžœãŸã•ã‚ŒãŸã¨è¨€ã£ã¦ã‚‚ã„ã„ã§ã—ã‚‡ã†ã€‚ã”å”åŠ›ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ åƒ•è‡ªèº«ã¯Kobito for Windows ã§Reactã‚’ä½¿ã£ã¦
joan9 2015/12/02
javascript

flux

react

Redux

VirtualDOM
ãƒªãƒ³ã‚¯
ä»Šè©±é¡Œã®React.jsã¯ã©ã®ã‚ˆã†ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To Reactâ”€ Frontrend Conference
ä»Šè©±é¡Œã®React.jsã¯ã©ã®ã‚ˆã†ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To Reactâ”€ Frontrend Conference å¤–æ‘ å’Œä»ï¼ˆæ ªå¼ä¼šç¤¾ ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ï¼‰ æœ¬è¨˜äº‹ã¯ã€2015/2/21ã«è¡Œã‚ã‚ŒãŸFrontrend Conferenceã®ã€ŒIntroduction To Reactã€ã®å†…å®¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å½“æ—¥ã®è³‡æ–™ã¯ä»¥ä¸‹ã«ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ã“ã¡ã‚‰ã‚‚å‚ç…§ã—ã¦ãã ã•ã„ã€‚ Introduction To React // Speaker Deck React.jsã¨ã¯ä½•ã‹ React.jsã¯Facebookè£½ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ http://facebook.github.io/react/ å…¬å¼ã‚µã‚¤ãƒˆã«ã€ã€ŒA JavaScript library for building user interfacesã€ã¨ã‚ã‚‹ã‚ˆã†ã«ã€R
joan9 2015/10/29
react

js

flux

Facebook
ãƒªãƒ³ã‚¯
Reactã¯ãƒªã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãªã®ã‹? - uehaj's blog
Reactã¨ã¯ è¨è¨ˆã‚’ã¨ã‚Šã‚‚ã©ã™ Reactã§ã‚„ã£ã¦ã¿ã‚‹ Elm-Htmlã¨Reactã®å¯¾å¿œ Reactã¯FRPã‹? Reactã¯FPã‹? FPã¨OOPã®çœŸã®é–¢ä¿‚ ã¾ã¨ã‚ è¿½è¨˜ Reactã¨ã¯ Reactã¯ã€FacebookãŒé–‹ç™ºã—ãŸã€JSã®UIãƒ•ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚‚ã—ãã¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ReactãŒæä¾›ã™ã‚‹ä¸æ ¸æ©Ÿèƒ½ã¯ä»¥ä¸‹ã§ã™ã€‚ ã‚¤ãƒŸãƒ¥ãƒ¼ã‚¿ãƒ–ãƒ«ãªUIãƒ“ãƒ«ãƒ€ãƒ¼ Virtual DOMã«ã‚ˆã‚‹åŠ¹çŽ‡çš„æ›´æ–° ä¸Šè¨˜ã«ä»˜éšã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ç¾¤ã‚’ç·¨æˆã—ã¦ã„ããŸã‚ã®æ–¹æ³•è«– Reactå˜ä½“ã§ã¯ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã®çµ„åˆã›ã§ã€Fluxã®ä¸€éƒ¨ã¨ã—ã¦ä½¿ç”¨ã™ã‚‹ã¨ã‚ªãƒ–ã‚¶ãƒ¼ãƒãƒ¼ãƒ‘ã‚¿ãƒ¼ãƒ³ã§å®Ÿç¾ åŠ¹ç”¨ã¯ã€å†åˆ©ç”¨æ€§ã¨ä¿å®ˆæ€§ãƒ»å¯èªæ€§å‘ä¸Šã§ã™ã€‚ç‰¹ã«ã€Reactã§ä½œæˆã—ãŸç”»é¢éƒ¨å“ã®ã‚³ãƒ³ãƒãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãŒé«˜ãã€ç´°ç²’åº¦ã®UIéƒ¨å“åˆ©ç”¨ã®ç™ºå±•å……å®ŸãŒæœŸå¾…ã•ã‚Œã¾ã™ã€‚ä½œã‚Šã¯é€šå¸¸ã®JSã‚¯ãƒ©ã‚¹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚Šã€è¦šãˆãŸã‚Šã™ã‚‹ã“ã¨ã¯å¤šãã‚ã‚Šã¾ã›ã‚“ã€‚ è¨è¨ˆã‚’ã¨ã‚Šã‚‚ã©ã™ R
joan9 2015/10/28
js

react

frp
ãƒªãƒ³ã‚¯
1