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

nantan id:nantan

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

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®æ¦‚è¦ã«ã¤ã„ã¦
ã“ã“ã§ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®æ¦‚è¦ã«ã¤ã„ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ ï¼Šå…ƒè¨˜äº‹ã¯ã“ã¡ã‚‰ã§ã™ã€‚(è‹±èªž) ã“ã®è¨˜äº‹ã§ã‚«ãƒãƒ¼ã—ã¦ã„ã‚‹ã‚‚ã®ã«ã¤ã„ã¦Single-page Apps (SPAs)New-age JavaScriptUser InterfaceState ManagementCoding with StyleTestingLinting JavaScript Linting CSSTypesBuild SystemPackage ManagementContinuous IntegrationHostingDeploymentSingle-page Apps (SPAs)ã‹ã¤ã¦ã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨ã„ã†ã€åˆ¥ã®URLã‚’é–‹ãã”ã¨ã«ãƒšãƒ¼ã‚¸ã‚’ãƒªãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ã—ã¦ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰æ–°ãŸãªHTMLãƒšãƒ¼ã‚¸ã‚’é€ã‚‹æ‰‹æ³•ãŒä¸»æµã§ã—ãŸãŒã€æœ€è¿‘ã®SPAsã§ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨ã„ã†ã‚‚ã®ãŒä¸»æµã«ãªã£ã¦ã„ã¾ã™ã€‚
nantan 2017/10/19
React.js

javascript
ãƒªãƒ³ã‚¯
æœ€æ–°ç‰ˆTypeScript 3.0+Webpack 4ã®ç’°å¢ƒæ§‹ç¯‰ã¾ã¨ã‚(React, Vue.js, Three.jsã®ã‚µãƒ³ãƒ—ãƒ«ä»˜ã) - ICS MEDIA
TypeScriptã¯MicrosoftãŒé–‹ç™ºã™ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã™ã€‚JavaScriptã®ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚»ãƒƒãƒˆã¨ã„ã†ä½ç½®ã¥ã‘ã§ã€é™çš„åž‹ä»˜ã‘ãªã©å¼·åŠ›ãªè¨€èªžæ©Ÿèƒ½ã‚’å‚™ãˆã¦ã„ã¾ã™ã€‚TypeScriptã¯é«˜åº¦ãªã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã§ä½¿ã‚ã‚Œã‚‹ã“ã¨ãŒå¤šãã€Googleç¤¾å†…ã®æ¨™æº–è¨€èªžã¨ã—ã¦2017å¹´ã«æŽ¡ç”¨ã•ã‚Œã‚‹ãªã©ã€æ³¨ç›®ãŒé«˜ã¾ã£ã¦ã„ã¾ã™ï¼ˆå‚è€ƒè¨˜äº‹ã€ŽGoogleç¤¾å†…ã®æ¨™æº–è¨€èªžã¨ã—ã¦TypeScriptãŒæ‰¿èªã•ã‚Œã‚‹ ï¼ Publickeyã€ï¼‰ã€‚ â–²TypeScriptã®å…¬å¼ã‚µã‚¤ãƒˆ TypeScriptã¯ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã«ã‚ˆã£ã¦JavaScriptã®ã‚³ãƒ¼ãƒ‰ãŒå¾—ã‚‰ã‚Œã¾ã™ãŒã€TypeScriptã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã«ã¯ECMAScript Modulesï¼ˆES Modules = importã‚„exportæ–‡ã®ã“ã¨ï¼‰ã‚’ã¾ã¨ã‚ã‚‹æ©Ÿèƒ½ãŒæä¾›ã•ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ãã®ãŸã‚ã€ES Modulesã®JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã¾ã¨ã‚ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒãƒ³ãƒ‰
nantan 2017/08/21
JavaScript

React.js

typescript

webpack

Vue.js
ãƒªãƒ³ã‚¯
The state of React.js 2016
A slide for html5j #65 http://eventdots.jp/event/589181 2016/07/27: Updated about React.PureComponent
nantan 2016/06/01
react.js

react

slide

javascript

koba04
ãƒªãƒ³ã‚¯
React.js meetup #3 - è³‡æ–™ä¸€è¦§ - connpass
ã€ŒReact.js meetup #3ã€ã®è³‡æ–™ä¸€è¦§ã§ã™ã€‚
nantan 2016/02/25
react.js

javascript
ãƒªãƒ³ã‚¯
React é–‹ç™ºç’°å¢ƒæ§‹ç¯‰ - present
React ã‚’ä½¿ã£ã¦ãã¡ã‚“ã¨ SPA ã‚’ä½œã‚‹ã®ã«ã€æ¯Žå›žãƒ–ãƒ©ã‚¦ã‚¶è¡¨ç¤ºæ™‚ã«ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—ã¦ã„ã¦ã¯ã€ã•ã™ãŒã«åŠ¹çŽ‡æ‚ªã„ã€‚ ãƒ¢ãƒ€ãƒ³ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒã«ã—ãŸã„ã®ã§ã€èª¿ã¹ãªãŒã‚‰æ§‹ç¯‰ã™ã‚‹ã“ã¨ã«ã—ãŸã€‚ react ã‚„ react-dom ãªã©ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ npm ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€‚ ãã†ã„ãˆã° Bower ã£ã¦ã‚ªãƒ¯ã‚³ãƒ³åŒ–ã—ã¦ã—ã¾ã£ãŸãªã€‚ # ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ•ã‚©ãƒ«ãƒ€ã‚’ä½œã‚‹(åå‰ã¯é©å½“ãªã‚„ã¤ã§) mkdir react-project cd react-project # package.json ã‚’ä½œã‚‹ npm init # React ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« npm install --save react react-dom npm ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦æ›¸ã„ãŸã‚¢ãƒ—ãƒªã¯ã€ browserify ã§ãƒ“ãƒ«ãƒ‰ã—ã¦ 1 ã¤ã® .js ãƒ•ã‚¡ã‚¤ãƒ«ã«ã™ã‚‹ã€‚ npm install --save-dev brow
nantan 2015/12/28
react.js

babel

javascript
ãƒªãƒ³ã‚¯
Facebookã®Fluxã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®å§‹ã‚æ–¹ Part 1 | POSTD
ç§ã®ã‚ˆã†ã«ã€Reactã‚’ä½¿ã£ã¦ã‚ˆã‚Šé€²ã‚“ã ã“ã¨ãŒã—ãŸã„ã¨è€ƒãˆãŸãªã‚‰ã€ãŠãã‚‰ã Flux ã«æ³¨ç›®ã—ãŸçµŒé¨“ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ã–ã£ã¨ç›®ã‚’é€šã—ã¦ã‚¿ãƒ–ã‚’é–‰ã˜ã€JavaScripté–‹ç™ºè€…ã¨ã—ã¦ã®è‡ªåˆ†ã®äººç”Ÿã‚’è¦‹ç›´ã—ãŸã“ã¨ã§ã—ã‚‡ã†ã€‚ ã‚‚ã—Reactã«ãªã˜ã¿ãŒãªã‘ã‚Œã°ã€ç§ã®è¨˜äº‹ ã€ŒReactå…¥é–€ã€ ã‚’èªã‚“ã§ã¿ã¦ãã ã•ã„ã€‚ Fluxã¨ã¯ï¼Ÿ Fluxã¯ã€é ç›®ã«ã¯å§‹ã‚ã‚‹ãŸã‚ã«è¤‡é›‘ãªæ‰‹é †ã‚’è¸ã¾ãªã‘ã‚Œã°ã„ã‘ãªã„ã‚ˆã†ã«æ˜ ã‚Šã¾ã™ã€‚ã—ã‹ã—ã€ GitHubã«ã‚ã‚‹example ã‚’è¦‹ã¦ã¿ã‚Œã°ã€ã“ã‚ŒãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã®ã‹ãŒå®Ÿã«æ˜Žç¢ºã«ãªã£ã¦ãã¾ã™ã€‚ ç°¡å˜ã«è¨€ã†ã¨ã€Fluxã¯ç¾ŽåŒ–ã•ã‚ŒãŸ å‡ºç‰ˆ-è³¼èªåž‹ãƒ¢ãƒ‡ãƒ« ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã§ã™ã€‚ãƒ‡ãƒ¼ã‚¿ã¯ã‚·ã‚¹ãƒ†ãƒ å†…ã‚’ä¸€æ–¹å‘ã«æµã‚Œã€ãã“ã‹ã‚‰æ§˜ã€…ãªåˆ©ç”¨è€…ãŒå¿…è¦ã«å¿œã˜ã¦ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã—ã¾ã™ã€‚ã“ã‚Œã«ã¤ã„ã¦è€ƒãˆã‚‹ã«ã¯ã€ç§ãŸã¡ã®ä½“ã«ä¾‹ãˆã¦ã¿ã‚‹ã¨ç°¡å˜ã§ã™ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆ â€“ è¡€æ¶² è¡€æ¶²ã¯ç§ãŸã¡ã®ä½“å†…ã‚’ä¸€æ–¹å‘ã«æµã‚Œã¦ã„ã¾ã™
nantan 2015/12/28
FLUX

JavaScript

react.js

react
ãƒªãƒ³ã‚¯
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
nantan 2015/12/22
react.js

tutorial

javascript
ãƒªãƒ³ã‚¯
ä»Šè©±é¡Œã®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
nantan 2015/12/22
react.js

JavaScript

FLUX
ãƒªãƒ³ã‚¯
1