タグ

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

  • React Fiber現状確認

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

    React Fiber現状確認
  • YAPC::Asia Tokyo 2015で「今フロントエンドで何が起こっているのか」という話をしました

    YAPC::Asia Tokyo 2015で「今フロントエンドで何が起こっているのか」という話をしました。 http://yapcasia.org/2015/talk/show/94051590-fb11-11e4-a39d-8ab37d574c3a 満員になるほどたくさんの方に来て頂いてありがとうございました! よくフロントエンドの話について聞かれると「Grunt or gulp」、「browserify or webpack」、「Angular or React」のような内容が多いので、新しいライブラリや仕様がそれぞれがどういった流れで登場し何を解決しようとしているのかを流れをもって紹介するような構成にしました。 jQuery以降というかなり広い範囲を対象にしたので、それを50minに収めるのために削ったトピックもかなりありますが...。 それでもASTなど普段ライブラリを使っているだ

    YAPC::Asia Tokyo 2015で「今フロントエンドで何が起こっているのか」という話をしました
  • Setting up minimum single page application

    React.jsなどを試そうとするときに、browserify? gulp? grunt? webpack? どれ使えばいいのとか、テストは何を使えばいいのかとかよくわからないというのをたまに聞くので、最低限の設定だけどES6で書けたりautobuildやlivereloadが出来る構成のサンプルを作ってみました。 あと、テストはkarma + mocha + power-assertでchromeでテスト出来るようにしています。 当はpackage.jsonだけにしたかったのですがkarmaの設定だけは別ファイルになってます...。 テストが必要ない場合は、package.jsonの指定だけで大丈夫です。 https://github.com/koba04/minimum-spa-boilerplate git cloneしてnpm installしてnpm startすればいいだけの

    Setting up minimum single page application
  • 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でやりたいことに向けての布石が多いように感じます。 試すときはこの辺りから。 http://fb.me/react-0.13.0-rc2.js http://fb.me/react-0.13.0-rc2.min.js http:

    React.js v0.13 changes
  • 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