I've seen this question come up multiple times now, and it's a question that doesn't really make sense -- it's like asking "what's the difference between pants and trees?". But this idea probably got planted in people's heads because there's so many terms that are alien to them they hear when trying to learn how to build modern web applications: React, Redux, Flux, "Reactive", Rx, Dispatcher, Even
私が好むと好まざるとに関わらず、誰もが私のWebアプリをiOS9の搭載されたiPhone 6SやNexus 6Pで、超高速Wifiに接続して使っているわけではありません。 現実は甘くありません。3Gでの接続や、古いハードウェアも珍しくありません。Googleのレポートによれば、 Androidのアクティブユーザは14億人 だそうです。彼らの多くは間違いなく、最先端ではないハードウェアを使っていることでしょう。 Androidのパフォーマンスについての Jeff Atwood氏の最近の記事 などを読んだことがあるなら、モバイルWebには希望がないように感じるかもしれませんね。 その記事からいくつか注目すべき文を引用します。 端的に言えば、今日最も高速なAndroidデバイスとして知られているものでも、新しいiPhone 6Sよりも5倍遅く、2012年代のiPhone 5上のEmberに比べて
Sift Scienceで製作にReactを使い始めてからほぼ1年になりました。その間、Backbone+Reactという フランケンシュタインのような 複合アプリケーションを、Reactコンポーネントからなる、かなり大きな1つの階層に育て上げました。この記事では、UI不和を最小限にしながら、コードベースをスケーリングするために役立った技法とベストプラクティスを紹介します。また、一般的なコンポーネントのデザインパターンについて、いくつか説明します。 この記事が皆さんの時間の節約と精神衛生の維持に役立ち、UIが複雑になってもReactコードベースの保全性を維持する（破綻するのではなく）ための新しいツールを提供できれば幸いです。 componentDidUpdateで、もっとできる Reactの本質は、DOMの更新というタスクを命令的なものから宣言的なものに変えるということです。他のタイプの命
4月3日に発売予定のオライリー本「入門 React――コンポーネントベースのWebフロントエンド開発」の表紙が公開され、話題になっています。 オライリー本と言えば、表紙にラクダやカンガルー、コウモリなど動物が多く扱われていますが、今回の表紙は「侍（サムライ）」。Twitterでは「ついにニンゲンきた！」「ネタかと思ったら本物だった」といった反応が寄せられています。なぜ「侍」になったのか、気になったのでオライリー・ジャパンの担当者に聞いてみました。 「入門 React」の担当編集者に確認したところ、日本最大の規模を持つHTML5開発者コミュニティ「html5j」のロゴにインスピレーションを受けたのだとか。React.jsがWeb開発にもたらす切れ味鋭いインパクトと、原書の出版社「Bleeding Edge Press」に由来する「血の出るような鋭さでテクノロジーの先端を行く」とのイメージから
最近にわかに盛り上がっているReactですが、独自の書き方やHTMLとJavaScriptが密接することに対して何となく避けてしまっている人も多いかも知れません。サーバサイドでも使えると言ってもnodeを使うのが難点に感じる人もいます。 もしあなたがRuby使いで、Reactを使ってみたいならばReact.rbを使うという手もありそうです。 React.rbの使い方 React.rbはOpalを使い、RubyでReactを使えるようにするというかなりチャレンジングなソフトウェアです。 例えばこんな感じです。 class HelloMessage def render React.create_element("div") { "Hello World!" } end end puts React.render_to_static_markup(React.create_element(He
前回の記事で快適なReact環境を手に入れることが出来た私ですが、Fluxを導入しようとして壁にぶち当たりました。 Fluxxorなどの有名なFlux実装などは StoreとComponentの紐付けに従来のMixinを利用することが前提となっていますが、ReactにおいてMixinはReact.Componentを利用していると使えません。 ちょっとGithubを見ていたらacdlite/flummoxが特徴にReact 0.13対応だと書いてあったのでとりあえずTodoを実装しました。 Todoデモ ソースコード 簡単な説明 Actions class TodoActions extends Actions createTodo: (text) -> id = (+new Date() + Math.floor(Math.random() * 999999)).toString(36)
This blog site has been archived. Go to react.dev/blog to see the recent posts. Today, we’re happy to release React v0.13! The most notable new feature is support for ES6 classes, which allows developers to have more flexibility when writing components. Our eventual goal is for ES6 classes to replace React.createClass completely, but until we have a replacement for current mixin use cases and supp
2015/12/03 追記: MartyのReadmeより Martyはもうメンテをしないので、reduxかaltを使う事が推奨されるようです。ありがとうMarty。 以下過去の記事内容 Flux Comparisonで色々眺めていたり、twitterを追っかけていたり自分で触ってみたりして、 Marty.jsが個人的に本当に良い気がしている。 Martyの特徴 作者と質問者の会話より ユーザーとのこんなやりとりがあり、Martyの特徴が要約されているのかなと思ったのでテキトーな意訳として載せておく。 https://news.ycombinator.com/item?id=8923245 質問：fluxxorと何が違うのか？ 回答： 他のFlux実装は、Fluxっぽいデータフェッチ(APIなどのことだと思う)なヘルパーが無い。コンポーネントとのストアのバインディングのボイラープレートの方
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
