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

kool_kreate id:kool_kreate

react.jsã«é–¢ã™ã‚‹kool_kreateã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

${{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ã«ã™ã‚‹ã‹Vue.jsã«ã™ã‚‹ã‹ã€jQueryã ã‘è§¦ã£ã¦ã„ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã‚µãƒ³ãƒ—ãƒ«ä½œã£ã¦æ¯”è¼ƒã—ã¦ã¿ãŸ - Qiita
ä»Šã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ã€ä½•ã‹æ–°ã—ãé–‹ç™ºã—ã‚ˆãƒ¼ã£ã¦æ€ã£ãŸã‚‰ã€ãƒ•ãƒãƒ³ãƒˆã‚µã‚¤ãƒ‰ã‚’ã©ã†ã—ã‚ˆã†ã‹æ‚©ã¿ã¾ã™ã‚ˆãï¼Ÿ ç‰¹ã«Vue.jsã‹React.jsã‹... ãã‚“ãªæ‚©ã‚“ã§ã„ã‚‹ã‚ãªãŸã¸ã®è¨˜äº‹ã«ãªã‚Šã¾ã™ã€‚ è‡ªåˆ†ã®ä»•äº‹é ˜åŸŸã«ã¤ã„ã¦ ã‚ã¾ã‚Šæ™®æ®µjavascriptè§¦ã£ã¦ã¾ã›ã‚“ è§¦ã‚‹ã¨ã—ã¦ã‚‚jQueryãŒå¤šã„ã§ã™ ãã‚“ãªäººãŒæ›¸ã„ãŸè¨˜äº‹ã ã¨æ€ã£ã¦ä¸‹ã•ã„ ä»Šå›žä½œã£ãŸã‚‚ã® Reactã¨Vue.jsã§ç°¡å˜ãªã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ React https://github.com/ykyk1218/react-calendar-sample Vue.js https://github.com/ykyk1218/vue-calendar-sample ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®åˆ†ã‘æ–¹ ä»Šå›žè¨€ã‚ãªã„ã“ã¨ ãƒ†ã‚¹ãƒˆã«ã¤ã„ã¦ ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã«ã¤ã„ã¦ Reduxã¨ã‹vuex ç’°å¢ƒæ§‹ç¯‰ ã¯ã˜ã‚ã« Reactã¯jsxã€Vue.jsã¯.
kool_kreate 2017/12/05
Vue.js

React.js

javascript
ãƒªãƒ³ã‚¯
Reactã‚¢ãƒä½“é¨“ - Qiita
Reactã¯ã¡ã‚‡ã£ã¨ã—ãŸã‚³ãƒ„ã‚’æŽ´ã‚€ã¨ä¸€æ°—ã«ç†è§£ãŒé€²ã¿ã¾ã™ã€‚ Googleã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã§ã‚ã‚Šæ•°ã€…ã®Reactãƒˆãƒ¬ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’æ‰‹ãŒã‘ã¦ããŸTyler McGinnisæ°ã«ã‚ˆã‚‹React "Aha" MomentsãŒéžå¸¸ã«å‚è€ƒã«ãªã‚‹ãŸã‚ã€æœ¬äººã®è¨±å¯ã‚’å¾—ã¦æ„è¨³ã—ã¾ã—ãŸã€‚ èª¤ã‚Šã‚„ã‚ˆã‚Šè‰¯ã„è¡¨ç¾ãªã©ãŒã‚ã‚Œã°ã”æŒ‡æ‘˜é ‚ã‘ã‚‹ã¨åŠ©ã‹ã‚Šã¾ã™ã€‚ åŽŸæ–‡ï¼šhttps://tylermcginnis.com/react-aha-moments/ ç§ãŒæŠ€è¡“çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ•™ãˆãŸã‚Šæ›¸ã„ãŸã‚Šã™ã‚‹æ™‚ã®ä¸»ãªç›®æ¨™ã®1ã¤ã¯ã€Œã‚¢ãƒä½“é¨“ã€ã‚’æœ€å¤§åŒ–ã™ã‚‹ã“ã¨ã§ã™ã€‚ã‚¢ãƒä½“é¨“ã¯ç‰©äº‹ãŒçªç„¶ç†è§£ã§ããŸçž¬é–“ã®ã²ã‚‰ã‚ãã§ã™ã€‚ç§ãŸã¡ã¯çš†ã“ã‚Œã‚’ä½“é¨“ã—ã¦ãã¾ã—ãŸã—ã€ç§ã®çŸ¥ã‚‹æœ€é«˜ã®æ•™å¸«ãŸã¡ã¯è´è¡†ã«å¿œã˜ã¦ã€ãã‚Œã‚‰ã®çž¬é–“ã‚’æœ€å¤§åŒ–ã™ã‚‹ãŸã‚ã®æ•™ãˆã‚’æœ€é©åŒ–ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã“æ•°å¹´ã€ç§ã¯ã»ã¼å…¨ã¦ã®ä¸€èˆ¬çš„ãªãƒ¡ãƒ‡ã‚£ã‚¢ã§Reactã‚’æ•™ãˆã¦ãã¾ã—ãŸã€‚ãã®é–“ã€ç§ã¯Reactç¿’å¾—
kool_kreate 2017/10/02
react.js
ãƒªãƒ³ã‚¯
ReactåŸºç¤Ž Â· GitBook
ReactåŸºç¤Ž ãƒ¬ãƒƒã‚¹ãƒ³ Lesson 01: ç’°å¢ƒæ§‹ç¯‰ Lesson 02: ES2015ã«ã¤ã„ã¦ Lesson 03: é–¢æ•°åž‹ã®æ›¸ãæ–¹ Lesson 04: åˆã‚ã¦ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ Lesson 05: åˆã‚ã¦ã®inline style Lesson 06: åˆã‚ã¦ã®props Lesson 07: é…åˆ—ã‹ã‚‰ã®å±•é–‹ Lesson 08: ãƒ•ã‚©ãƒ¼ãƒ ã®å®šç¾© Lesson 09: ãƒ•ã‚©ãƒ¼ãƒ ã«ã‚ˆã‚‹ãƒ‡ãƒ¼ã‚¿è¿½åŠ Lesson 10: ç·åˆèª²é¡Œã€Œç›®çš„ç‰¹åŒ–åž‹é›»å“ã‚’ä½œã£ã¦ã¿ã‚ˆã†ã€ ãŠã¾ã‘ Appendix 01: æ§˜ã€…ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®æ›¸ãæ–¹ Appendix 02: ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®state Appendix 03: ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ãƒ¡ã‚½ãƒƒãƒ‰ Appendix 04: JSX vs. createElement Appendix 05: PropTypes Appendix 06: p
kool_kreate 2017/02/13
javascript

react.js
ãƒªãƒ³ã‚¯
React + Redux ã«å–ã‚Šçµ„ã‚“ã éš›ã®ãƒãƒžã‚Šãƒã‚¤ãƒ³ãƒˆæŒ¯ã‚Šè¿”ã‚Š - æ¥å¹´èªã‚€ã€‚
javascript åˆå¦è€…ãŒ React + Redux ã«å–ã‚Šçµ„ã‚“ã éš›ã®ãƒãƒžã‚Šãƒã‚¤ãƒ³ãƒˆã€æ™‚é–“ãŒã‹ã‹ã£ãŸãƒã‚¤ãƒ³ãƒˆã‚’æ™‚ç³»åˆ—ã§æ›¸ã„ã¦ã„ãã¾ã™ã€‚ æŒ¯ã‚Šè¿”ã‚Šã®ã¾ã¨ã‚ React ã‚‚ Redux ã‚‚ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆå……å®Ÿã—ã¦ã‚‹ã®ã§ã¡ã‚ƒã‚“ã¨èªã‚€ã¹ã ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒã¯ç©ºæ°—èªã‚€ã®ãŒé›£ã—ã„ å‹•æ©Ÿ javascript ãœã‚“ãœã‚“æ›¸ã„ã¦ãªã„ã®ã§ã€ã‚ˆã•ãã†ãª ES2015 ã¨ã‚„ã‚‰ãŒå‡ºãŸã“ã®æ©Ÿä¼šã«è§¦ã£ã¦ãŠããŸã‹ã£ãŸ Single Page Application ã‚’ä½œã‚‹æ©Ÿä¼šãŒã‚ã£ãŸ ä¸€äººã§ã•ã£ã¨ä½œã‚‹é¡žã®ã‚‚ã®ãªã®ã§ã€ã›ã£ã‹ããªã®ã§è¿‘å¹´è©±é¡Œã®ã‚‚ã®ã‚’èª¿ã¹ã¦ã¿ãŸã„ æŒ¯ã‚Šè¿”ã‚Š â€» æœ€çµ‚çš„ã«ã§ãã‚ãŒã£ãŸã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰ã«ç½®ã„ã¦ã„ã¾ã™ã€‚ ãƒãƒžã‚Š Points React ã«ã¤ã„ã¦ ãã‚‚ãã‚‚æ£ç¢ºã«ã¯ä½•ã‚’ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€ã©ã®ç¯„å›²ã‚’æŒ‡ã—ã¦ã„ã‚‹è¨€è‘‰ãªã®ã‹ï¼Ÿ ã“ã‚Œã¯ãƒãƒžã‚Šã¨ã„ã†ã‹äº‹å‰ã®ç†è§£ãŒé•ã£ã¦ã„ã¾ã—ãŸã€‚ã¼ã‚“ã‚„ã‚Šã¨è¤‡é›‘ãªã‚‚ã®ã‚’æƒ³åƒ
kool_kreate 2016/05/17
react.js
ãƒªãƒ³ã‚¯
ä»Šæ›´èžã‘ãªã„ JSX ã®ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆã®æ§‹æ–‡ - Qiita
è§£æ±ºã—ãŸã„ã“ã¨ React åˆå¿ƒè€…ãªã®ã§ã€JSX ã‚³ãƒ¼ãƒ‰å†…ã§ HTML ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã›ãŸããªã„éƒ¨åˆ†ã‚’ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆã™ã‚‹æ–¹æ³•ãŒã‚ã‹ã‚‰ãªã„ã€‚ æ–¹æ³• {/* ... */} ã¾ãŸã¯ {// ...} ã¨ã„ã†æ§‹æ–‡ã§ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆã§ãã‚‹ã€‚ ä¾‹ var Header = React.createClass({ displayName: 'Header', render: function () { return ( <div> {// <h1>wasshoi</h1> } <nav> <ul className="header--nav"> <li> <a href="#">hoge</a> </li> {/* <li> <a href="#">fuga</a> </li> */} </ul> </nav> </div> ); } });
kool_kreate 2016/05/11
react.js
ãƒªãƒ³ã‚¯
ReactÃ—ES6Ã—JSXã¤ã‹ã£ã¦ãŸã‚‰æ€’ã‚‰ã‚ŒãŸError/Warningé›†(2016/7/3) - Qiita
ReactÃ—ES6Ã—JSXã¤ã‹ã£ã¦ãŸã‚‰æ€’ã‚‰ã‚ŒãŸErrorãƒ»Warningé›†(2016/7/3) æ—¥ã€…è‡ªåˆ†ãŒæ€’ã‚‰ã‚ŒãŸã‚‰æ›´æ–°ã•ã‚Œã¦ã„ãã¾ã™ã€‚ â€»ä¸‹ã®ã€Œã‚„ã‚‹ã“ã¨ã€ã¯ã‚ãã¾ã§å‚è€ƒç¨‹åº¦ã«ãŠé¡˜ã„ã—ã¾ã™ã€‚ãã“ã‚‰è¾ºãŒæ€ªã—ã„ãã‚‰ã„ã«ç½®ãæ›ãˆã¦é ‚ã‘ãŸã‚‰ ä»Šä»Šã“ã“ã®è¾ºã€‚ ãƒ»Uncaught SyntaxError: embedded: Unterminated JSX contents ãƒ»Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the undefined component. ãƒ»Uncau
kool_kreate 2016/05/10
react.js
ãƒªãƒ³ã‚¯
https://www.codementor.io/reactjs/tutorial/building-a-calendar-using-react-js--less-css-and-font-awesome
kool_kreate 2016/05/09
react.js
ãƒªãƒ³ã‚¯
ReactJS 15.0.1 ç’°å¢ƒæ§‹ç¯‰ãƒ¡ãƒ¢ - kubottiâ€™s memo
ReactJS 15.0.1ã‚’æœ€åˆã«è©¦ã—ãŸæ™‚ã®ãƒ¡ãƒ¢ã€‚ http://d.hatena.ne.jp/tomoya/touch/20160403/1459665374 ã‚¨ãƒ©ãƒ¼ ES6ç‰ˆReact.jsãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« - Qiita ã‚’è©¦ã—ãŸã‚‰ã‚¨ãƒ©ãƒ¼ãŒå‡ºãŸã€‚ TypeError: _react2['default'].render is not a function. (In '_react2['default'].render(_react2['default'].createElement(CommentBox, null), document.getElementById('container'))', '_react2['default'].render' is undefined) ã“ã®ã‚¨ãƒ©ãƒ¼ã¯ã©ã†ã‚„ã‚‰ã€ ReactDOM ã¨ã„ã†ã‚‚ã®ãŒãªã„ã“ã¨ãŒåŽŸå› ã®ã‚ˆã†ã ã€‚ index.htmlã«r
kool_kreate 2016/05/09
react.js
ãƒªãƒ³ã‚¯
babel-loader jsx SyntaxError: Unexpected token
I'm a beginner in React + Webpack. I found a weird error in my hello world web app. I'm using babel-loader in webpack to help me convert jsx into js, but it seems like babel can't understand jsx syntax. Here are my dependencies: "devDependencies": { "babel-core": "^6.0.14", "babel-loader": "^6.0.0", "webpack": "^1.12.2", "webpack-dev-server": "^1.12.1" }, "dependencies": { "react": "^0.14.1" } Her
kool_kreate 2016/05/09
react.js
ãƒªãƒ³ã‚¯
ä»Šè©±é¡Œã®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
kool_kreate 2016/04/29
react.js
ãƒªãƒ³ã‚¯
Redirectingâ€¦
Redirectingâ€¦ Click here if you are not redirected.
kool_kreate 2015/05/15
react.js
ãƒªãƒ³ã‚¯
Radium - A React Component Styling Library
If you are not redirected automatically, visit the new Radium homepage at formidable.com/open-source/radium.
kool_kreate 2015/05/14
css

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