タグ

ブックマーク / blog.koba04.com (8)

  • React v16.3 changes - blog.koba04.com

    React v16.3.0 がリリースされました。 ※4/4 にバグフィックスを含む v16.3.1 がリリースされています このバージョンでは、基的には v17 で有効化される非同期レンダリングへの対応が中心になっています。変更点は多いですが、ほとんどが機能追加であり破壊的な変更はないため、v16.2 から v16.3 へのアップグレードは比較的簡単じゃないかなと思います。 https://reactjs.org/blog/2018/03/29/react-v-16-3.html 当初の予定からはかなり延びたため、直前に発表された React Suspense の機能も入れるのかと思いましたが入りませんでした。まだ最終的な API は決まってないようなので今後に期待。 React Suspense については、v16.3 と関係ないので今回は省略します。 https://reactjs

    React v16.3 changes - blog.koba04.com
    kitokitoki
    kitokitoki 2018/07/25
    インスタンス変数よりstate “React が管理する Props や State 以外のインスタンスが持つ状態を保証するのが難しくなります”
  • React v16 changes

    Reactのv16がリリースされたので、変更点などを整理したいと思います。 https://facebook.github.io/react/blog/2017/09/26/react-v16.0.html https://code.facebook.com/posts/1716776591680069/react-16-a-look-inside-an-api-compatible-rewrite-of-our-frontend-ui-library/ React v16やReact Fiberについては、下記で書いたりもしているのでそちらも参考にしてみてください。 React Fiber現状確認 Capability of React Fiber React v16 and beyond React Fiber ReactはなぜFiberで書き直されたのか?Reactの課題と将来像を探

    React v16 changes
  • React Fiber現状確認

    F8でもReact Fiberについての発表もあったので、気になっている人も多いReact Fiberの現状について簡単に書きたいと思います。 Reactの完全な書き換えということで、使い方も変わってしまうと思っている人もいると思いますが、内部実装の書き換えであり、利用者から見える部分ではほとんど変更はありません。 もちろん、react-fiberというパッケージをインストールするというわけでもありません。 むしろ、v16の時点では現在の実装と互換性を保たれているので、v16がリリースされた時に、v15.5を使っていればほとんどそのままv16に更新できると思います。 そして、言われなければ内部実装が変わっていることに気づかないのではないかと思います。 とりあえずどうなるのか知りたい人向けのまとめ v16では、基的にはv15の時と同じように動作します。逆に言うとパフォーマンスもそんなに変わ

    React Fiber現状確認
    kitokitoki
    kitokitoki 2017/04/25
    「reconciliationとは、ReactElementからComponentのインスタンスを生成したり差分を計算してHost(DOM)に反映したり、ライフサイクルメソッドの呼び出しといったことを行う部分です。」
  • React v15.5(6) and v16

    Reactのv15.5がリリースされたので、v15.5での変更点とv16についてのまとめです。 https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html v15.5はバグフィックスとv16での変更点に対する準備なので、可能ならあげておいた方がスムーズにv16がリリースされた時に対応できると思います。 基的には、v16で色々と廃止するための警告が主になります。 最近のバージョンと同様に、コアから必要なもの以外をどんどん削ぎ落としていく流れです。 この警告に対応するために、Enzymeなどでは利用するために必要なライブラリーが変更されているので更新する際には注意が必要です。 また、当初の予定ではv15.5がv15系の最後のリリースになる予定でしたが、上記のような混乱もあったためフォローアップとしてv15.6もリリー

    React v15.5(6) and v16
  • Immutable App ArchitectureについてのTalkを観た

    Render 2016 - Lee Byron from White October on Vimeo. https://vimeo.com/166790294 http://2016.render-conf.com/talks.php#immutable-user-interfaces Dan AbramovもReact EuropeのQ&AでおすすめしていたTalkで、改めて見て面白い内容だったので紹介します。 FacebookがReactGraphQL、Immutable.jsを使ってどのようなアーキテクチャでアプリケーションを作成しているのかということを解説したTalkです。 特にFluxのような新しい概念が提唱されているわけではありませんが、最近のフロントエンドの流れやFacebookが目指しているものがわかりやすく解説されています。 Architectureの話が中心で各ライ

    Immutable App ArchitectureについてのTalkを観た
    kitokitoki
    kitokitoki 2016/07/15
    immutable app
  • npmやbowerライブラリのバージョン管理

    npmとbowerライブラリのバージョン管理 npmやbowerのライブラリをプロジェクトに導入するときは、"npm install --save xxx"や"bower install --save xxx"のような形で指定してインストールとpackage(bower).jsonへの記録をしたりします。 その場合、package(bower).jsonには"xxx": "~x.y.z"という形式で記録されます。 "~x.y.z"という表記は、"~1.2.3"だとすると1.2.3 <= x.x.x < 1.3.0 の間での最新バージョンがインストールされます。 https://www.npmjs.org/doc/misc/semver.html なので"~"で指定していると、同じpackage(bower).jsonでもインストールするタイミングによって微妙に異なるバージョンがインストール

    npmやbowerライブラリのバージョン管理
    kitokitoki
    kitokitoki 2016/04/05
    npm shrinkwrap
  • React.js v0.13 changes

    React.js v0.13のRC2がリリースされたのでまとめてみます。 http://facebook.github.io/react/blog/2015/02/24/react-v0.13-rc1.html http://facebook.github.io/react/blog/2015/03/03/react-v0.13-rc2.html http://facebook.github.io/react/blog/2015/02/24/streamlining-react-elements.html 今回のバージョンで何か大きく変更があるというよりもv0.14でやりたいことに向けての布石が多いように感じます。 試すときはこの辺りから。 npm install react@0.13.0-rc2 npm install react-tools@0.13.0-rc2 http://fb.m

    React.js v0.13 changes
    kitokitoki
    kitokitoki 2016/02/05
    contextTypes:
  • Karma for JavaScript test runner

    今まではなんとなくtestemを使っていたのですが、Karmaを検討する必要があったので試してみました。 サンプルの設定などは↓で見ることが出来ます。 https://github.com/koba04/backbone-boilerplate testem to karma これまでは業務でもtestemを使っていて、テストの数が少ないうち(1000以下)は問題なかったのですが、 段々テストが増えてくるとCPU100%になってテストが走るブラウザが固まることが増えてきて辛い感じになってきました。 そんなときに下記の記事を見て同じような現象だなと思いKarmaを試してみることにしました。 http://developer.cybozu.co.jp/tech/?p=7089 Installation インストールはnpm install karmaするだけです。 globalでkarmaのコ

    Karma for JavaScript test runner
  • 1