入門 React.js ãã®2 JSXã«ã¤ã„㦠| JavaScript Journal
入門 React.js ãã®ï¼’ JSXã«ã¤ã„㦠Reactã§ã¯JSXã¨ã„ã†HTMLã«ã‚ˆãä¼¼ãŸãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—言語ãŒã‚ªãƒ—ションã§ä½¿ç”¨ã§ãã¾ã™ã€‚ JSXを使用ã™ã‚‹ã“ã¨ã§ä»¥ä¸‹ã®åˆ©ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ HTMLã¨åŒæ§˜ã®æ–¹æ³•ã§è¦ç´ ã®ãƒ„リーをマークアップã§ãã‚‹ æ„味ã®ã‚ã‹ã‚Šã‚„ã™ã„セマンティックãªè¨˜è¿°ãŒã§ãã‚‹ アプリケーションã®æ§‹é€ ãŒå¯è¦–化ã§ãã‚‹ Reactã®å†…部表ç¾ãŒæŠ½è±¡åŒ–ã•ã‚Œã‚‹ マークアップã¨ãれを生æˆã™ã‚‹ã‚³ãƒ¼ãƒ‰ãŒä¸€ç®‡æ‰€ã«ã¾ã¨ã¾ã‚‹ 最後ã«JavaScriptã«å¤‰æ›ã•ã‚Œã‚‹ JSXã¨ã¯ï¼Ÿ JSXã¯JavaScript XMLã®ç•¥ã§ã‚ã‚Šã€Reactã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå†…ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—言語を記述ã™ã‚‹ãŸã‚ã®XML風ã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã§ã™ã€‚ React.createElement('a', {href: 'http://facebook.github.io/react/'}, 'Hello!') JSXã§ã¯ã€ã“ã‚Œã¯æ¬¡ã®ã‚ˆã†ã«ãªã‚Š
入門 React.js ãã®ï¼‘ | JavaScript Journal
http://facebook.github.io/react/ React.jsã¯ç¾åœ¨æ³¨ç›®ã‚’æµ´ã³ã¦ã„ã‚‹Facebook製ã®ãƒ©ã‚¤ãƒ–ラリã§ã€MVCアーã‚テクãƒãƒ£ã§ã„ã†Viewã«ã‚ãŸã‚‹æ©Ÿèƒ½ã‚’æä¾›ã—ã¾ã™ã€‚ å…¬å¼ã‚µã‚¤ãƒˆã«ã¯ã€ç‰¹å¾´ã¨ã—ã¦ä»¥ä¸‹ã®3ã¤ãŒæŒ™ã’られã¦ã„ã¾ã™ã€‚ JUST THE UI MVCã®Viewã§ã‚ã‚Šã€æ—¢å˜ã®ã‚¢ãƒ¼ã‚テクãƒãƒ£ã¨å®¹æ˜“ã«çµåˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ VIRTUAL DOM DOMを模ã—ãŸä¸é–“オブジェクトをã‚らã‹ã˜ã‚生æˆã—ã€æ›´æ–°å·®åˆ†ã®ã¿ã‚’本物ã®DOMã«åæ˜ ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒã‚¤ãƒ‘フォーマンスを実ç¾ã—ã¾ã™ã€‚ DATA FLOW データフãƒãƒ¼ã‚’一方å‘ã«ä¿ã¡ã€ãƒ‡ãƒ¼ã‚¿ã¨ç”»é¢ï¼ˆDOM）ã®å¯¾å¿œã‚’を宣言的ã«è¨˜è¿°ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€å¯èªæ€§ã‚’å‘上ã•ã›ã¾ã™ã€‚ 今後ã€è©³ã—ã„使ã„æ–¹ã«ã¤ã„ã¦ä¸€ã¤ãšã¤èª¬æ˜Žã‚’ã—ã¦ã„ãã¾ã™ã€‚ 次回ã¯JSXã«ã¤ã„ã¦ã€‚ 入門 React.js ãã®ï¼’ JSXã«ã¤ã„㦠入門 React.js
1
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
入門 React.js ãã®ï¼“ Hello world!ã—ã¦ã¿ã‚ˆã† | JavaScript Journal
{{#tags}}- {{label}}
{{/tags}}