[B! react.js] shin0Oã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

shin0O id:shin0O

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

ã€Œ3ç¨®é¡žã€ã§ç®¡ç†ã™ã‚‹Reactã®Stateæˆ¦ç•¥
ã“ã‚“ã«ã¡ã¯ã€ã‚ˆã—ã“ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯ 2020å¹´ã«ç«‹ã¡ä¸Šã’ãŸWebãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æ§‹æˆã®æŒ¯ã‚Šè¿”ã‚Š ã®ã€ŒStateã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã€é …ã®è©³ç´°è¨˜äº‹ã§ã™ã€‚å˜ä½“ã§ã‚‚èªã‚ã¾ã™ãŒã€ã‚ˆã‘ã‚Œã°å…ƒè¨˜äº‹ã‚‚ã‚ã‚ã›ã¦ã©ã†ãžï¼ ã“ã®è¨˜äº‹ã§ã¯ã€ä»Šã‚ãŸã—ãŒé–‹ç™ºãƒ»é‹ç”¨ã—ã¦ã„ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®Stateæˆ¦ç•¥ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ å…¨ä½“åƒ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«å˜åœ¨ã™ã‚‹çŠ¶æ…‹ï¼ˆStateï¼‰ã‚’ä»¥ä¸‹ã®3ç¨®é¡žã«åˆ†é¡žã—ã€ãã‚Œãžã‚Œã®ã‚„ã‚Šæ–¹ã§ç®¡ç†ã—ã¦ã„ã¾ã™ã€‚ ã‚µãƒ¼ãƒãƒ¼ãƒ‡ãƒ¼ã‚¿ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ Global State Local State 1. ã‚µãƒ¼ãƒãƒ¼ãƒ‡ãƒ¼ã‚¿ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ ã€ŒSPAã§ç®¡ç†ã™ã‚‹å¿…è¦ã®ã‚ã‚‹Global Stateã£ã¦ã€ãã®ã†ã¡ã»ã¨ã‚“ã©ãŒã‚µãƒ¼ãƒãƒ¼ãƒ‡ãƒ¼ã‚¿ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ã ã‚ˆãã€‚ãã‚Œã‚’å–ã‚Šé™¤ã‘ãŸã‚‰ã€ç®¡ç†ã™ã‚‹å¿…è¦ã®ã‚ã‚‹Global Stateã£ã¦ã™ã”ãå°ã•ããªã‚‹ã‚“ã˜ã‚ƒãªã„ï¼Ÿã€ã¨ã„ã†ä¸»å¼µã‚’ç§ãŒèªè˜ã—ã¯ã˜ã‚ãŸã®ãŒ2020å¹´ã®åˆæ—¬ã§ã—ãŸã€‚ãŠãã‚‰ã
shin0O 2022/01/04
react.js

development
ãƒªãƒ³ã‚¯
ä»Šã‹ã‚‰ã¦ã‚™ã‚‚é…ããªã„! Reactäº‹å§‹ã‚
2. è‡ªå·±ç´¹ä»‹ â€¢ åå‰: æˆç”° å¹¸ç´€ (ãªã‚‹ãŸ ã‚†ãã®ã‚Š) @ynaruc â€¢ å‡ºèº«: æ„›åª› â€¢ ã‚µã‚¤ãƒœã‚¦ã‚ºæ ªå¼ä¼šç¤¾ 3 å¹´ç›® â€¢ æ¾å±±é–‹ç™ºéƒ¨ PG â€¢ ä½¿ã£ã¦ã„ã‚‹è¨€èªž â€¢ TypeScript, JavaScript, C++, etc. å‹‰å¼·ä¼šã‚„ãƒãƒƒã‚«ã‚½ãƒ³ãªã©ã®ã‚¤ãƒ™ãƒ³ãƒˆãŒå¥½ãã§ï¼Œ æ„›åª›ã®ã‚¤ãƒ™ãƒ³ãƒˆã«ãŸã¾ã«å‡ºæ²¡ã—ã¦ã„ã¾ã™ã€‚
shin0O 2016/08/31
React.js

slide
ãƒªãƒ³ã‚¯
Tutorial: Tic-Tac-Toe â€“ React
You will build a small tic-tac-toe game during this tutorial. This tutorial does not assume any existing React knowledge. The techniques youâ€™ll learn in the tutorial are fundamental to building any React app, and fully understanding it will give you a deep understanding of React. This tutorial is designed for people who prefer to learn by doing and want to quickly try making something tangible. If
shin0O 2016/08/31
react.js
ãƒªãƒ³ã‚¯
ç”Ÿã®Reactã‚’çŸ¥ã‚ã† â€“ JSXã€Fluxã€ES6ã€Webpackã‚’ä½¿ã‚ãšâ€¦ | POSTD
(ç·¨æ³¨ï¼š2016/07/29ã€ã„ãŸã ã„ãŸãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã‚‚ã¨ã«è¨˜äº‹ã‚’ä¿®æ£ã„ãŸã—ã¾ã—ãŸã€‚) å…è²¬äº‹é …ï¼šã€€ç§ã¯JSXã€Fluxã€ ES6 ã€ãã—ã¦ webpack ã‚’éžå¸¸ã«æ°—ã«å…¥ã£ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‚‰ã®ãƒ„ãƒ¼ãƒ«ã«ã¤ã„ã¦ã¯ä»–ã®ã‚·ãƒªãƒ¼ã‚ºã§è©±ã—ã¾ã™ã€‚ React.jsãŒé¨’ãŽã‚’èµ·ã“ã—ã¦ã„ã‚‹ã®ã¯ã”å˜çŸ¥ã®é€šã‚Šã§ã™ã€‚ç¢ºã‹ã«ã€ XMLHttpRequest ä»¥æ¥ã®è‰¯ã„ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ã—ã‹ã—ã€èª¿æŸ»ã«æ•°æ™‚é–“ã‚’è²»ã‚„ã—ãŸæŒ™å¥ã€ã‚ã¾ã‚Šã«å¤šãã®ç”¨èªžã« åœ§å€’ã•ã‚ŒãŸ ã ã‘ã§çµ‚ã‚ã£ã¦ã„ãªã„ã§ã—ã‚‡ã†ã‹ã€‚JSXã€fluxã€ES6ã€webpackã€react-routerãŒä½¿ãˆã‚‹ä»Šã€ ä»–ã«å¿…è¦ãªã®ã¯ React ã®ä½¿ã„æ–¹ã‚’èª¬æ˜Žã—ã¦ãã‚Œã‚‹äººã ã‘ã§ã™ã€‚ å–œã‚“ã§ãã ã•ã„ã€ãã‚ŒãŒã¾ã•ã«å½“ã‚·ãƒªãƒ¼ã‚ºã§ã‚„ã‚ã†ã¨ã—ã¦ã„ã‚‹ã“ã¨ã§ã™ã€‚ä¿¡ã˜ã‚‰ã‚Œã¾ã›ã‚“ã‹ï¼Ÿå¤§ä¸ˆå¤«ã€ 2åˆ†å¾Œã€ åˆã‚ã¦ã®Reactã‚¢ãƒ—ãƒªã‚’ä½œã£ãŸå¾Œã«ã¯ç´å¾—ã„ãŸã ã‘ã‚‹ã§ã—ã‚‡ã†ã€‚ä½•ã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã›ãšã«ã€ã§ã™ã€‚
shin0O 2016/07/14
react.js

tutorial
ãƒªãƒ³ã‚¯
React.jsã«ã¤ã„ã¦ã®ãƒªã‚½ãƒ¼ã‚¹ã€ãã—ã¦ç· ã‚ - Qiita
ãƒ¡ãƒªãƒ¼ã‚¯ãƒªã‚¹ãƒžã‚¹ï¼ ã„ã‚ˆã„ã‚ˆæœ€çµ‚æ—¥ã§ã™ï¼ ã“ã“ã¾ã§React.jsã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ãã¾ã—ãŸãŒå°‘ã—ã§ã‚‚å‚è€ƒã«ãªã£ã¦ä½¿ã£ã¦ã¿ã‚ˆã†ã¨æ€ã£ã¦ã‚‚ã‚‰ãˆã‚‹ã¨å¹¸ã„ã§ã™ã€‚ React.jsã¯facebookã€instagramã‚„GitHubã®AtomEditorã‚‚ã¡ã‚ã‚“ã€â†“ã‚’è¦‹ã¦ã‚‚ã‚‰ãˆã‚Œã°ã‚ã‹ã‚‹é€šã‚Šã€ŒAirBnBã€ã€ã€ŒAtlassianã€ã€ã€ŒNetflixã€ã€ã€ŒRedditã€ã€ã€ŒThe New York Timesã€ã€ã€ŒYahooã€ãªã©å¤šãã®ã¨ã“ã‚ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ ã¾ãŸã€æ¥å¹´ã®1æœˆå¾ŒåŠã«ã¯React.js ConfãŒã‚ã‚‹ã®ã§è‰²ã€…ãªçŸ¥è¦‹ãŒå‡ºã¦ã¾ã™ã¾ã™ç››ã‚Šä¸ŠãŒã£ã¦ã„ãã¨æ€ã†ã®ã§æ¥å¹´ã‚‚æ¥½ã—ã¿ã§ã™ï¼ React.jsã«ã¤ã„ã¦ã®æƒ…å ±ã¯ã€å…¬å¼ã®ãƒ–ãƒã‚°ã§ã‚‚è‰²ã€…ç´¹ä»‹ã•ã‚Œã¾ã™ã—ã€#reactjsã®ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚°è¿½ã£ã¦ã‚‹ã¨è‰²ã€…æƒ…å ±é›†ã‚ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã“ã®Advent Calendarèªã‚“ã§èˆˆå‘³ã‚’æŒã£ãŸã‚‰æ˜¯éžâ†“ã®ãƒªãƒ³ã‚¯
shin0O 2015/08/03
react.js

development
ãƒªãƒ³ã‚¯
ç¤¾å†…å‹‰å¼·ä¼šã§Reactã¨Fluxã«ã¤ã„ã¦å–‹ã£ãŸ - pixiv inside [archive]
é–‹ç™ºãŒå¤§å¥½ããª@geta6ã§ã™ã€‚ React meetupã®ã“ã¨ã‚’å®Œå…¨ã«è¦‹é€ƒã—ã¦ã„ã¦æ‚”ã—ã‹ã£ãŸã®ã§ã€å¤–éƒ¨å…¬é–‹ã®ç¤¾å†…å‹‰å¼·ä¼šã§Reactã¨Fluxã«ã¤ã„ã¦ã®ç™ºè¡¨ã‚’ã—ã¾ã—ãŸã€‚ çµŒç·¯ ç¾åœ¨ãƒ”ã‚¯ã‚·ãƒ–ã§ã¯Reactã§Fluxãªæ„Ÿã˜ã®æ§‹æˆã§æ–°ã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹ç™ºä¸ã§ã™ã€‚ã“ã‚Œã¾ã§ç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã¨ã—ã¦Reactã‚’æŽ¡ç”¨ã—ãŸã“ã¨ã¯ç„¡ãã€ã“ã®æ–°ã‚µãƒ¼ãƒ“ã‚¹ãŒåˆã®æŽ¡ç”¨ã¨ãªã‚‹äºˆå®šã§ã™ã€‚ç¤¾å†…ã®ç©ºæ°—æ„Ÿã¯ã€ŒFluxã‚‚Reactã‚‚ã‚ˆãèžãã—ä½•ã¨ãªãã‚ã‹ã£ã¦ã‚‹ã‘ã©ã€è©³ã—ãã¯çŸ¥ã‚‰ãªã„ã€ã¨ã„ã†æ„Ÿã˜ã§ã—ãŸã€‚ ãã“ã§ã€è‡ªåˆ†ã®ç†è§£åº¦ã®ç¢ºèªã¨ã€ä¸€ç·’ã«é–‹ç™ºã—ã¦ã„ã‚‹ãƒãƒ¼ãƒ ã®äººã‚„ç¤¾å†…å¤–ã®é–‹ç™ºç¾å ´ã®çš†ã•ã‚“ã«å¤§ä½“ã®æ„Ÿè¦šã‚’æŽ´ã‚“ã§ã‚‚ã‚‰ãˆã‚‹ã‚ˆã†ã€ŒReactã¨Fluxã£ã¦ä¸€ä½“å…¨ä½“ãªã‚“ã˜ã‚ƒã‚‰ã»ã„ã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§ã€ã–ã£ãã‚Šã¨å¤§æž ã‚’æ‰ãˆã‚‹ç™ºè¡¨ã‚’ã—ã¾ã—ãŸã€‚ è³‡æ–™ speakerdeck.com Reactã¨Fluxã®ã“ã¨ // Speaker Deck ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã¯å…¥ã£ã¦ã„
shin0O 2015/04/27
React.js

programming
ãƒªãƒ³ã‚¯
Reactæ¦‚è«–
React meetup #1 ã§ã®ç™ºè¡¨è³‡æ–™
shin0O 2015/04/25
slide

react.js
ãƒªãƒ³ã‚¯
ä¸€äººReact.js Advent Calendar 2014 - Qiita
React.jsã«ã¤ã„ã¦ã®åŸºæœ¬çš„ãªã¨ã“ã‚ã‚’æ›¸ã„ã¦ã„ãã¾ã™ï¼ å…¬å¼èªã‚ã°ã‚ã‹ã‚‹ã‚ˆã†ãªã“ã¨ãŒå¤šã„ã§ã™ãŒReact.jsã«èˆˆå‘³ã‚’ã‚‚ã¤ãã£ã‹ã‘ã«ã§ã‚‚ãªã‚Œã°...ã€‚ v0.12.1ã§ç¢ºèªã—ã¦ã„ã¾ã™ã€‚ ã“ã£ã¡ã¯ä¸€äººã§æ›¸ãã‚ˆã†ã«ä½œã£ãŸã‚‚ã®ãªã®ã§æ›¸ããŸã„äººã¯VirtualDOMã«æ›¸ãã¨ã„ã„ã¨æ€ã„ã¾ã™ã€‚ (æ›¸ãäººãŒã„ãªãã¦1äººã§æ›¸ã„ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªã„) ã“ã®è¨˜äº‹ã¯å¤ã„ã®ã§ä¸‹è¨˜ã®æ›´æ–°æƒ…å ±ã‚‚å‚è€ƒã«ã—ã¦ãã ã•ã„ http://blog.koba04.com/post/2015/03/05/react-js-v013-changes/ http://blog.koba04.com/post/2015/09/22/react-js-v014-changes/ http://blog.koba04.com/post/2016/03/09/react-js-v15-changes/ http://blog.koba04.
shin0O 2015/04/19
programming

advent calendar

react.js
ãƒªãƒ³ã‚¯
1