[B! JSX] inforhateのブックマーク

inforhate id:inforhate

JSXに関するinforhateのブックマーク (3)

[翻訳] Airbnb React/JSX Style Guide - Qiita
この翻訳について Airbnb React/JSX Style Guideの和訳です。間違っていたり分かりにくい箇所があれば、ご指摘いただけると幸いです。 Airbnb React/JSX スタイルガイドこのスタイルガイドは現在一般的に使用されている標準に基いていますが、場合によってはいくつかの慣例（async/awaitやstatic class fields）が含まれていたり禁止されていたりします。現在、このガイドにはステージ3より前のものは含まれておらず非推奨です。目次基本的なルールクラス vs React.createClass vs ステートレスミックスイン命名規則宣言アラインメント引用符空白引数参照括弧タグメソッド順序 isMounted 基本的なルール Reactコンポーネントは1ファイルに1つだけにしてください。ただし、1ファイルに複数の
inforhate 2016/10/24
JSX

React

styleguide
リンク
jsx(Reactのほう)に慣れる - こおろぎと蛞蝓
この投稿は VirtualDOM Advent Calendar 2014 22日目の記事です。 jsx自体は特に難しいわけではないんだけど、何ができるか詳しくしらなかったので調べたりしたことを書いていきます。基本 jsxは、reactのDOM生成部分のsyntax sugarを用意してくれてるイメージ。 Reactで要素を作成するときは React.createElement('a', {href: 'http://facebook.github.io/react/'}, 'Hello!') こんな感じで書くけど、これを <a href="http://facebook.github.io/react/">Hello!</a> こんな感じでhtml / xmlライクに書けるようにしてくれるのがjsxの役割。 jsxの構文が実コードでどうなるか知りたい人はここで見ることができる。も
inforhate 2016/09/28
JSX

react
リンク
今更聞けない 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> ); } });
inforhate 2016/09/28
JSX

コメントアウト
リンク
1