[B! React.js] yuroyoroã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yuroyoro id:yuroyoro

React.jsã«é–¢ã™ã‚‹yuroyoroã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (33)

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

æ—©ããƒ»ãã‚Œãªã‚Šã® UI ã‚’å®Ÿç¾ã™ã‚‹ React ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚»ãƒƒãƒˆ 16 é¸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã“ã‚Œã¾ã§ã€é–‹ç™ºè€…ãŒã€Œæ—©ããƒ»ãã‚Œãªã‚Šã® UI ã€ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã«ã€Bootstrap ãªã©ã® CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒé‡å®ã•ã‚Œã¦ãã¾ã—ãŸã€‚ ã—ã‹ã—ä»Šã§ã¯ã€React ãªã©ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ UI ã‚’ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ React ã§ã‚ã£ã¦ã‚‚ã€äº‹å‰ã« CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’èªã¿è¾¼ã‚“ã§ãŠãã€ã‚¯ãƒ©ã‚¹åã‚’ä»˜ä¸Žã™ã‚‹ã“ã¨ã§ã“ã‚Œã¾ã§ã¨åŒã˜ã‚ˆã†ã«ä½¿ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ã€æ—¢å˜ã® CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯å†…éƒ¨ã§ jQuery ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã€React ã¨ jQuery ã‚’å…±å˜ã•ã›ã‚‹ã‹ã€jQuery éƒ¨åˆ†ã‚’è‡ªå‰
yuroyoro 2016/11/02
React.js
ãƒªãƒ³ã‚¯
æ–°è¦Railsã‚¢ãƒ—ãƒªã«å°ã•ãå°Žå…¥ã™ã‚‹React - Speaker Deck
dotsã§é–‹å‚¬ã•ã‚ŒãŸReactã®å°Žå…¥ã‚’æ¤œè¨Žã•ã‚Œã¦ã‚‹æ–¹å‘ã‘ã®å‹‰å¼·ä¼šã§ãŠè©±ã—ã¾ã—ãŸ https://eventdots.jp/event/597088
yuroyoro 2016/09/06
javascript

React.js

rails
ãƒªãƒ³ã‚¯
MUI: The React component library you always wanted
Skip to contentðŸš€ Influence MUI's 2025 roadmap! Participate in the latestÂ Developer Survey â†’
yuroyoro 2016/07/20
React.js

Material UI

design

javascript
ãƒªãƒ³ã‚¯
Setting up minimum single page application
React.jsãªã©ã‚’è©¦ãã†ã¨ã™ã‚‹ã¨ãã«ã€browserify? gulp? grunt? webpack? ã©ã‚Œä½¿ãˆã°ã„ã„ã®ã¨ã‹ã€ãƒ†ã‚¹ãƒˆã¯ä½•ã‚’ä½¿ãˆã°ã„ã„ã®ã‹ã¨ã‹ã‚ˆãã‚ã‹ã‚‰ãªã„ã¨ã„ã†ã®ã‚’ãŸã¾ã«èžãã®ã§ã€æœ€ä½Žé™ã®è¨å®šã ã‘ã©ES6ã§æ›¸ã‘ãŸã‚Šautobuildã‚„livereloadãŒå‡ºæ¥ã‚‹æ§‹æˆã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã‚ã¨ã€ãƒ†ã‚¹ãƒˆã¯karma + mocha + power-assertã§chromeã§ãƒ†ã‚¹ãƒˆå‡ºæ¥ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ æœ¬å½“ã¯package.jsonã ã‘ã«ã—ãŸã‹ã£ãŸã®ã§ã™ãŒkarmaã®è¨å®šã ã‘ã¯åˆ¥ãƒ•ã‚¡ã‚¤ãƒ«ã«ãªã£ã¦ã¾ã™...ã€‚ ãƒ†ã‚¹ãƒˆãŒå¿…è¦ãªã„å ´åˆã¯ã€package.jsonã®æŒ‡å®šã ã‘ã§å¤§ä¸ˆå¤«ã§ã™ã€‚ https://github.com/koba04/minimum-spa-boilerplate git cloneã—ã¦npm installã—ã¦npm startã™ã‚Œã°ã„ã„ã ã‘ã®
yuroyoro 2016/02/25
browserify

javascript

React.js
ãƒªãƒ³ã‚¯
Facebook Relayã«ã¤ã„ã¦ã¾ã¨ã‚ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ReactãŒã‚‚ã£ã¨åºƒã¾ã£ã¦æ¬²ã—ã„ã¨æ€ã£ã¦ã„ã‚‹ä»Šæ—¥ã“ã®ã”ã‚ã€‚React Europeã§Joseph Savonaæ°ã®è¬›æ¼”ã§Relayã«ã¤ã„ã¦ã®ã€Œãƒ¢ãƒ¤ã£ã¨ã€ãŒã„ã£ãã«ã‹ãªã‚Šè§£æ¶ˆã•ã‚ŒãŸæ°—ãŒã™ã‚‹ã®ã§ã€è¦ç‚¹ã‚’æœ¬ç·¨ã‚’ç¿»è¨³ã—ãªãŒã‚‰è‡ªåˆ†ãªã‚Šã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ç§ã®ç†è§£ãŒèª¤ã£ã¦ã„ã‚‹å¯èƒ½æ€§ã¯åäºŒåˆ†ã«ã‚ã‚Šãˆã‚‹ã®ã§ã€ã”æŒ‡æ‘˜ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚ ã¯ã˜ã‚ã« Reactã¨Fluxã£ã¦çµ„ã¿åˆã‚ã›ã¨å…±ã«ã‚ˆãç›®ã«ã™ã‚‹ã®ãŒâ†“ã®å›³ã€‚ çŸ¢å°ã¯ä¸€æ–¹å‘ã«ã—ã‹é€²ã¾ãªã„ã®ãŒç‰¹å¾´ã§ã€ã‚ã‹ã‚Šã‚„ã™ã„ã£ã¦ã®ãŒã„ã‚ã‚“ãªã¨ã“ã‚ã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ã‚“ã§ã™ã‘ã©ã€ **çµå±€ãƒ‡ãƒ¼ã‚¿ã‚’ã‚µãƒ¼ãƒã‹ã‚‰ã¨ã£ã¦ãã‚‹ã¨ã“
yuroyoro 2015/12/07
javascript

React.js

Relay
ãƒªãƒ³ã‚¯
React on ES6+ Â· Babel
Posted Jun 7, 2015 by Steven Luscher This is a guest post from Steven Luscher. Steven works on Relay at Facebook â€“ a JavaScript framework for building applications using React and GraphQL. Follow Steven on Instagram, GitHub, and Twitter. While redesigning Instagram Web from the inside out this year, we enjoyed using a number of ES6+ features to write our React components. Allow me to highlight som
yuroyoro 2015/10/08
javascript

React.js

ES6
ãƒªãƒ³ã‚¯
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
yuroyoro 2015/10/08
javascript

React.js
ãƒªãƒ³ã‚¯
react-railsã§ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ã¤ã¤ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§setStateã§ãã¦æœ€é«˜ã«ãªã£ãŸ - Qiita
åœŸæ—¥ã§react-railsã¨turbolinksã‚’å‹‰å¼·ã—ã¦ã¿ãŸæˆæžœã§ã™ ã‚„ã‚ŠãŸã„ã“ã¨ ç”»é¢é·ç§»ã™ã‚‹ã¨ãã¯<div id='content'></div> ã®ä¸èº«ã ã‘å…¥ã‚Œæ›¿ãˆã¦ã€pushStateã§è¡Œãæ¥ã§ãã‚‹ã‚ˆã†ã«ã—ãŸã„ reactã‚’ä½¿ã£ãŸãƒªãƒƒãƒãªãƒšãƒ¼ã‚¸ã§ã‚‚ã€ã‚¤ãƒ‹ã‚·ãƒ£ãƒ«ãƒãƒ¼ãƒ‰ã‚„SEOã®ç‚ºã«ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ã¦ãŠããŸã„ ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ãŸè¦ç´ ã‚’ç ´æ£„ã™ã‚‹ã“ã¨ãªãReactã§åˆæœŸåŒ–ã—ã¦setStateã§ã‚¬ãƒ³ã‚¬ãƒ³Viewã‚’æ›¸ãæ›ãˆãŸã„ çµæžœã©ã†ãªã£ãŸã‹ ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ReactComponentã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ã¦ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®React.renderã§åˆæœŸåŒ–æƒ…å ±ã‚’æƒãˆã¦å¼•ãç¶™ãŽ ã©ã‚“ãªç”»é¢ã§ã‚‚app.component.setState({})ãŒåæ˜ ã•ã‚Œã¦æœ€é«˜ Turbolinksã§ReactComponentã‚’ãƒžã‚¦ãƒ³ãƒˆã—ãŸãƒ«ãƒ¼ãƒˆè¦ç´ ã ã‘å…¥ã‚Œæ›¿ãˆ ãã®ç‚ºã«Turboli
yuroyoro 2015/10/08
javascript

React.js
ãƒªãƒ³ã‚¯
React.js v0.14 changes
<script src="https://fb.me/react-0.14.0-rc1.js"></script>  <script src="https://fb.me/react-dom-0.14.0-rc1.js"></script> Major changes Reactã¨ReactDOMã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãŒåˆ†å‰²ã•ã‚Œã¾ã—ãŸ react-nativeã‚„react-canvasãªã©ã€DOMä»¥å¤–ã®ç’°å¢ƒã§ä½¿ã‚ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãã‚‹ä¸ã§ã€Reactã®ã‚³ã‚¢ã®éƒ¨åˆ†ã¨DOMã«é–¢ã‚ã‚‹éƒ¨åˆ†ãŒãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã¨ã—ã¦åˆ†å‰²ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ Reactã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã«ã¯ã€React.createElementã€React.createClassã€React.Componentã€React.PropTypesã€R
yuroyoro 2015/09/24
javascript

React.js
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ¤œç´¢ã‚’ä½œã‚ŠãªãŒã‚‰Flux Utilsã«ã¤ã„ã¦å¦ã¶
facebook/flux 2.1.0ã‹ã‚‰Flux Utilsã¨ã„ã†Storeãªã©ã®å®Ÿè£…ãŒå«ã¾ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ä»Šå›žFlux Utilsã‚’ä½¿ã£ã¦ã€æŒ‡å®šã—ãŸã‚¢ã‚«ã‚¦ãƒ³ãƒˆã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚’æ¤œç´¢ã™ã‚‹ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ azu/hatebu-mydata-search azu.github.io/hatebu-mydata-search/ mydataã®APIãŒCORSå¯¾å¿œã—ã¦ãªã„ã®ã§JSONProxyã‚’æŒŸã‚“ã§ã¾ã™ã€‚(ãªã®ã§ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ‡ãƒ¼ã‚¿ãŒå¤šã„ã‚¢ã‚«ã‚¦ãƒ³ãƒˆåã¯é¿ã‘ãŸã»ã†ãŒâ€¦) ã“ã‚Œã‚’ä½œã£ã¦ã¿ã¦Flux Utilsã«ã¤ã„ã¦æ€ã£ãŸã“ã¨ã‚’æ›¸ã„ã¦ã„ãã¾ã™ã€‚ Flux Utilsã®ç´¹ä»‹ãƒšãƒ¼ã‚¸ã«ã€Flux Utilsã®è§£èª¬ãŒæ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ ç°¡å˜ã«ã¾ã¨ã‚ã‚‹ã¨ä»¥ä¸‹ã®4ã¤ã®ã‚¯ãƒ©ã‚¹ãŒFlux Utilsã¨ã—ã¦æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ Store ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ã‚¯ãƒ©ã‚¹ ReduceStore Store
yuroyoro 2015/08/25
javascript

React.js

Flux
ãƒªãƒ³ã‚¯
React 0.13 æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ | js STUDIO
ã“ã®ã‚µã‚¤ãƒˆã«ã¤ã„ã¦ Reactã®æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚ Reactã®æœ¬å®¶ã‚µã‚¤ãƒˆ(è‹±æ–‡) ã®å†…å®¹ã‚’ç¿»è¨³ã—ã¦ä½œæˆã—ã¦ã„ã¾ã™ãŒã€èª¤è¨³ã‚„èª¤è¨˜ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã®ã§ãã®ç‚¹ã«ã¤ã„ã¦ã¯ã”äº†æ‰¿ãã ã•ã„ã€‚ ã‚‚ã—ã€èª¤è¨³ãªã©ã®é–“é•ã„ã‚’è¦‹ã¤ã‘ã¾ã—ãŸã‚‰ã€ @tomof ã¾ã§æ•™ãˆã¦ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚ JUST THE UI äººã€…ã®å¤šãã¯Reactã‚’MVCã®Vã¨ã—ã¦ä½¿ç”¨ã—ã¾ã™ã€‚ Reactã¯ä»–ã®æŠ€è¡“ã‚¹ã‚¿ãƒƒã‚¯ã«ã¤ã„ã¦æƒ³å®šã‚’è¡Œã‚ãªã„ãŸã‚ã€ æ—¢å˜ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®å°è¦æ¨¡ã®æ©Ÿèƒ½ã§ã“ã‚Œã‚’è©¦ã™ã“ã¨ã¯ç°¡å˜ã§ã™ã€‚ VIRTUAL DOM Reactã¯DOMã‚’è«–ç†çš„ã«å–ã‚Šå‡ºã—ã€ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãƒ¢ãƒ‡ãƒ«ã¨ã‚ˆã‚Šè‰¯ã„ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æä¾›ã—ã¾ã™ã€‚ ã¾ãŸã€Reactã¯Nodeã‚’ä½¿ç”¨ã™ã‚‹ã‚µãƒ¼ãƒãƒ¼ä¸Šã§ã‚‚æç”»å¯èƒ½ã§ã‚ã‚Šã€ React Nativeã‚’ä½¿ç”¨ã—ãŸãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚‚å‹•ã‹ã™ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ DATA FLOW Reactã¯ä¸€æ–¹å‘ã®React
yuroyoro 2015/07/02
javascript

React.js
ãƒªãƒ³ã‚¯
å¤§è¦æ¨¡Reactã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ | POSTD
Sift Scienceã§è£½ä½œã«Reactã‚’ä½¿ã„å§‹ã‚ã¦ã‹ã‚‰ã»ã¼1å¹´ã«ãªã‚Šã¾ã—ãŸã€‚ãã®é–“ã€Backbone+Reactã¨ã„ã† ãƒ•ãƒ©ãƒ³ã‚±ãƒ³ã‚·ãƒ¥ã‚¿ã‚¤ãƒ³ã®ã‚ˆã†ãª è¤‡åˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã€Reactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‹ã‚‰ãªã‚‹ã€ã‹ãªã‚Šå¤§ããª1ã¤ã®éšŽå±¤ã«è‚²ã¦ä¸Šã’ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯ã€UIä¸å’Œã‚’æœ€å°é™ã«ã—ãªãŒã‚‰ã€ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã‚’ã‚¹ã‚±ãƒ¼ãƒªãƒ³ã‚°ã™ã‚‹ãŸã‚ã«å½¹ç«‹ã£ãŸæŠ€æ³•ã¨ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã¾ãŸã€ä¸€èˆ¬çš„ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¤ã„ã¦ã€ã„ãã¤ã‹èª¬æ˜Žã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ãŒçš†ã•ã‚“ã®æ™‚é–“ã®ç¯€ç´„ã¨ç²¾ç¥žè¡›ç”Ÿã®ç¶æŒã«å½¹ç«‹ã¡ã€UIãŒè¤‡é›‘ã«ãªã£ã¦ã‚‚Reactã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã®ä¿å…¨æ€§ã‚’ç¶æŒã™ã‚‹ï¼ˆç ´ç¶»ã™ã‚‹ã®ã§ã¯ãªãï¼‰ãŸã‚ã®æ–°ã—ã„ãƒ„ãƒ¼ãƒ«ã‚’æä¾›ã§ãã‚Œã°å¹¸ã„ã§ã™ã€‚ componentDidUpdateã§ã€ã‚‚ã£ã¨ã§ãã‚‹ Reactã®æœ¬è³ªã¯ã€DOMã®æ›´æ–°ã¨ã„ã†ã‚¿ã‚¹ã‚¯ã‚’å‘½ä»¤çš„ãªã‚‚ã®ã‹ã‚‰å®£è¨€çš„ãªã‚‚ã®ã«å¤‰ãˆã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ä»–ã®ã‚¿ã‚¤ãƒ—ã®å‘½
yuroyoro 2015/06/18
javascript

Flux

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

Flux

javascript
ãƒªãƒ³ã‚¯
Is React Faster Than AngularJS?
No. Hard toÂ believe? Most developers andÂ decision-makers take it forÂ granted that ReactJS offers high performance andÂ incredible speed much better than other frameworks like AngularJS andÂ EmberJS. It has gotten toÂ theÂ point that noÂ one even questions things like this: (Source) ButÂ if you ask yourself where this belief comes from, you might be surprised. Everyone says it This doesnâ€™t give us much t
yuroyoro 2015/06/02
React.js
ãƒªãƒ³ã‚¯
Good bye Flux, welcome Bacon/Rx?
Facebook introduced Flux about a year ago for client-side web application building and since then it has become one of the hottest tech in the web development scene. The task of Flux is to isolate business logic from the user interface logic by using dispatcher, stores and actions. The core idea is the unidirectional data flow which means that actions are propagated through the entire system in re
yuroyoro 2015/05/13
React.js

Flux

FRP
ãƒªãƒ³ã‚¯
javascript/react at master Â· airbnb/javascript
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
yuroyoro 2015/05/07
javascript

React.js
ãƒªãƒ³ã‚¯
react-problems.md
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
yuroyoro 2015/04/27
Flux

React.js

javascript
ãƒªãƒ³ã‚¯
10åˆ†ã§å®Ÿè£…ã™ã‚‹Flux
10åˆ†ã§å®Ÿè£…ã™ã‚‹Flux è‡ªå·±ç´¹ä»‹ azu @azu_re Web scratch, JSer.info Flux /flËˆÊŒks/ Fluxã¨ã¯ FacebookãŒæå”±ã—ãŸSmalltalk MVCã®ç„¼ãç›´ã— CQRS(Command Query Responsibility Segregation)ã¨é¡žä¼¼ ãƒ‡ãƒ¼ã‚¿ãŒä¸€æ–¹é€šè¡Œã¸æµã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ ã‚¦ã‚§ãƒ–UIã«ã¤ã„ã¦ãã‚Œã‚’é©å¿œã™ã‚‹ ä»Šæ—¥ã®ç›®çš„ å°ã•ãªFluxã®å®Ÿè£…ã‚’ä½œã‚ŠãªãŒã‚‰Fluxã¤ã„ã¦å¦ã¶ Fluxã®ç‰¹å¾´: Unidirectional data flow æœ¬å½“ã«ãƒ‡ãƒ¼ã‚¿ãŒä¸€æ–¹é€šè¡Œã«æµã‚Œã‚‹ã®ã‹ã‚’ç¢ºèªã™ã‚‹ Fluxã§ã‚ˆãè¦‹ã‚‹å›³ ç™»å ´äººç‰© ä½•ã‹è‰²ã€…ã„ã‚‹ Action Creators, Dispatcher, Store, React Views... Dispatcher = EventEm itterã¨ä»Šå›žã¯è€ƒãˆã‚‹ ã‚‚ã£ã¨å®Ÿè£…çš„
yuroyoro 2015/04/27
javascript

Flux

React.js
ãƒªãƒ³ã‚¯
react-flux-fluent-2015
js Â â”œâ”€â”€ Â â”‚ Â â”œâ”€â”€ Â AppBootstrap.js Â â”œâ”€â”€ AppConstants.js Â â”œâ”€â”€ Â â”œâ”€â”€ Â â”‚ Â â”‚ Â â”‚ Â â”œâ”€â”€ Â utils Â â”‚ Â Â Â â”œâ”€â”€ Â AppWebAPIUtils.js Â â”‚ Â Â Â â”œâ”€â”€ Â FooUtils.js Â â”‚ Â Â Â â””â”€â”€ Â __tests__ Â â”‚ Â Â Â Â Â Â Â â”œâ”€â”€ Â AppWebAPIUtils-Ââ€test.js Â â”‚ Â Â Â Â Â Â Â â””â”€â”€ Â FooUtils-Ââ€test.js Â â””â”€â”€ Â Â ! actions Â â””â”€â”€ Â MessageActionCreators.js AppDispatcher.js stores Â â”œâ”€â”€ Â MessageStore.js Â â””â”€â”€ Â __tests__ Â Â Â Â Â â””â”€â”€ Â Messa
yuroyoro 2015/04/23
React.js

Flux
ãƒªãƒ³ã‚¯
React.js å®Ÿæˆ¦æŠ•å…¥ã¸ã®é“ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? æœ€è¿‘è©±é¡Œã®React.jsã§ã™ãŒã€å®Ÿæˆ¦æŠ•å…¥ã«å½“ãŸã£ã¦ã¯çµæ§‹é‡ãŸã„é¸æŠžã‚’è¿«ã‚‰ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ã–ã£ãã‚Šè¨€ãˆã°ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã‚’æ¨ã¦ã¦Reactã—ã¾ã™ã‹?ãã‚Œã¨ã‚‚Reactã‚ãã‚‰ã‚ã¾ã™ã‹?ã¨ã„ã†é¸æŠžã§ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯Reactã®åŸºæœ¬æ€æƒ³ã¨ã“ã†ã—ãŸé¸æŠžè‚¢ãŒç”Ÿã¾ã‚Œã¦ã—ã¾ã†èƒŒæ™¯ã‚’è¿°ã¹ã‚‹ã¨ã¨ã‚‚ã«ã€å¾ŒåŠã§ã¯ã€Œã©ã¡ã‚‰ã‚‚ã‚ãã‚‰ã‚ãªã„ã€ã¨ã„ã†(è‹¥å¹²ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³RPGã‚ã‚‹ã‚ã‚‹æ„Ÿã®ã‚ã‚‹)ç¬¬ä¸‰ã®æ–¹ç–ã«ã¤ã„ã¦æ¡ˆã‚’æç¤ºã—ã¾ã™ã€‚ Reactã®åŸºæœ¬ æœ€åˆã«ã€Reactã®åŸºæœ¬çš„ãªä»•çµ„ã¿ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ Reactã¯å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒéžå¸¸ã«å……å®Ÿã—ã¦ã„
yuroyoro 2015/04/06
javascript

React.js
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸