![Amazon.co.jp: Frontend Architecture for Design Systems: A Modern Blueprint for Scalable and Sustainable Websites: Godbolt, Micah: 本](https://cdn-ak-scissors.b.st-hatena.com/image/square/45e7466da8265812e5400f30607e291b01401bb6/height=288;version=1;width=512/https%3A%2F%2Fm.media-amazon.com%2Fimages%2FI%2F51yeJlc79lL._SL500_.jpg)
About Yosuke Furukawa(@yosuke_furukawa), James K Nelson(@james_k_nelson)とKei Sawada(@remore)の3人がReact.jsとそのエコシステム、Node.jsとの出会い、オーストラリアから見た日本、コンポーネント志向、Reactでのレンダリング時間の課題とパフォーマンス最適化のアプローチ、Microservices志向とアプリケーションロジックの行方、react-routerの課題感などについて話しました。 Show Notes and Links ReactJS Tokyo #1 パース (西オーストラリア州) 生のReactを知ろう – JSX、Flux、ES6、Webpackを使わず… | プログラミング | POSTD Learn Raw React: Ridiculously Simple For
難消化性デキストリンやめました。@kyo_agoです。 今日はkarma 1.0.0で導入されたcustomContextFileの使い方を紹介したいと思います。 (BusterJSをご存じの方はtestbedという方が通りがいいかもしれません) customContextFileとはcustomContextFileとはkarma 1.0.0で新しくサポートされた、「指定されたhtml内からテストコードを起動する仕組み」です。 これまでkarmaでDOMに依存したテストを書くにはコード内でcreateElementやinnerHTMLを行ってDOMを構築してから実行することが一般的でした。 customContextFileを使うことによってテストコード内で使用するDOMやテストの事前処理を簡単に書くことができます。 customContextFileの使い方はkarma.conf.js
スケールする実装を書くためのガイド スケールするために 並列度とアムダールの法則 べき等参照透過性 Lock-FreeとWait-Free アトミックアクセス ロックの局所化 並列度とアムダールの法則 時間単位の場合は繰り返し処理のトータル時間に対し、 並列処理を妨げない処理時間の割合を「並列度」という。 (コードプロファイルを使って求める場合もあるが、 比較的単純なコードでないと計算が複雑になりやすい。) p 並列度 n 並列数 性能比 1/((1-p)+p/n) p=0.9のとき4倍の性能を得るにはn=6が必要。 n=5で4倍の性能を得るにはp=0.938が必要。 n=無限大とすると、性能比は以下の式におちつく。 理論上の性能向上限界 = 1/(1-p) 並列度90%の処理をどれだけ多数コアに分散しても理論上10倍処理効率が限界。 並列度95%の処理をどれだけ多数コアに分散しても理論上
Quick post that documents the various quirks of `propTypes`. The React `propTypes` semantics differ from the ones from Flow and can cause subtle bugs. Here’s a handy cheat sheet. PropTypespropTypes: { // field required, must be number and NOT `null` NOR `undefined` foo: PropTypes.number.isRequired } propTypes: { // field can be omitted; if provided, can be number OR `null` OR `undefined` foo: Prop
というより、自分が最近知った機能。 ハッシュをCSSのプロパティ名と値に展開できる Stylusではハッシュが使えます。 シンタックスはJSのオブジェクトリテラルとほぼ同じですが、Stylusのnodeをそのまま値に使用できる点が違います。 以下のように、値に10pxと書いてもvalidです。 foo = { width: 10px } // JSと同じようにアクセスできる bar = foo.width bar = foo['width'] // 代入もできる foo.height = 20px foo['height'] = 20px ハッシュを{foo}のようにブレースで囲むと、ハッシュのキーバリューがそのままStylusとして解釈され、CSSのプロパティと値に展開されます。 ハッシュがネストになっている部分は、Stylusのネスト(インデント)として解釈されるので、以下のように&は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く