jsxに関するTomato-360のブックマーク (2)
-
︽2020 年10月1日追記︾ この記事の内容をさらに練った上で総括したものを﹃りあクト! TypeScriptで始めるつらくないReact開発 第3版︻Ⅱ. React基礎編︼﹄の﹁第5章 JSX で UIを表現する﹂に収録しています。 ほぼ3年越しのセルフアンサー本です。リンク先の無料サンプルで読めます。 プロローグ 本来﹁キモい﹂という主観の表明に正しいも間違っているもないので反論などは成り立たないとは思うのですが、世界でのDL数では他のフロントエンドフレームワークを圧倒し、もはや jQuery さえ凌駕する React に対して、食わず嫌いの正当化のための言説に用いられている感すらあるので、一度ちゃんと論じておきたいテーマでした。 なお想定する対象読者は React を本格的に使ったことのないエンジニアですので、バリバリ 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の構文が実コードでどうなるか知りたい人はここ で見ることができる。 も
-
1