[B! jsx] learnのブックマーク

learn id:learn

jsxに関するlearnのブックマーク (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ファイルに複数の
learn 2016/05/31
react.js

jsx

コーディング規約
リンク
JSX / Haxe / TypeScript
6. 出てくる言語 JSX・ DeNA 社製。生の JS よりも遅くならな・・いらしい (要出典1 )。JS の皮をかぶった Java Haxe・・・この中では最古参。JS だけでなく、 PHP や Flash、Java に C#など、様々な言語に変換可能。手続型言語の皮をかぶった関数型言語 TypeScript・・・この中では最後発。C#作った人が設計。JS との親和性を重視している、JS の皮をかぶった C# 静的型付けの言語オンリー 1 ベンチマークが少ないので評価保留中 7. 注意そのに！これら 3 つの言語は設計思想が全く異なる JSX は最適化に重点を置いて、ばしばしインライン化を行う。ベストプラクティスという名のバッドノウハウを気にせずにコードが書ける TypeScript は JS との親和性を重視し、素直な JS を出力する Haxe は柔軟性があり
learn 2012/11/03
javascript

jsx

haxe

TypeScript

型
リンク
JSX で Array#forEach が５倍以上速くなった話 - kazuhoのメモ置き場
JSX の進化速度が半端ない - ぐるぐる～で紹介していただいているとおり、最新の JSX では function expression の型宣言を省略できるようになっています。これを利用して、たとえば配列の合計を求める場合、 var sum = 0; [ 1, 2, 3, 4, 5, 6, 7, 8 ].forEach(function (n) { sum += n; }); のように、JavaScript と 100% 同様に書くことができるようになりました。省略形を利用して [ ... ].forEach((n) -> { sum + n; }); でもいいです。ところでこのコード、見た目は同じなんですが、実は JSX だと JavaScript よりも５倍以上速く動くんです。まだ最適化があまいところがあるのに。なぜか。JavaScript の Array#forEach は配
learn 2012/06/30
javascript

パフォーマンスチュー

jsx
リンク
1