タグ

JavaScriptとDOMとReactに関するefclのブックマーク (5)

  • Release Inferno v4 · infernojs/inferno

    efcl
    efcl 2018/02/12
    Inferno v4リリース。 `Inferno.Component`は`inferno`パッケージに移動、`findDOMNode`は`inferno-compat`パッケージに移動。 `createPortal`のサポート、RouterがReact Router v4と同じAPIに変更、Mobx、Redux連携の更新、IE9+のサポートなど
  • MakeYouAReact

    efcl
    efcl 2017/11/29
    フレームワークを作る話
  • AbemaTV の番組表リニューアルに伴うパフォーマンス改善 - Qiita

    以前の番組表 ↓↓↓ AbemaTV 新番組表 ##大きく変わったところ チャンネルが横スクロールですべて見れるようになった サイドバーにチャンネル一覧ができた 日付切り替えがセレクトボックスからカレンダー表示になった etc. 今まではチャンネルが 5ch 毎に区切られていたので、わざわざページを切り替えて見ないといけなかったのを、横スクロールですべてのチャンネルが一覧で見られるようになりました。 さらにチャンネル毎の番組表にもアクセスしやすくなり、日付の切り替えもしやすくなったかと思います。 このリリースによって、ユーザービリティが少しでも向上していれば幸いです。 しかし、便利になった反面、このリリースに至るまでに、パフォーマンス面で様々なところで問題になりました。 今回は実際にリニューアル中に課題となった箇所と解決方法の一部を紹介します。 AbemaTV 以外であまり参考にならないか

    AbemaTV の番組表リニューアルに伴うパフォーマンス改善 - Qiita
    efcl
    efcl 2016/10/15
    無限スクロール系のUIパフォーマンスの改善について。 レンダリングの改善、`position: relative`による意図しないレイヤーが作成される問題、スロットリングなどの低減策についてなど
  • 60fps on the mobile web — Flipboard Engineering

    Flipboard launched during the dawn of the smartphone and tablet as a mobile-first experience, allowing us to rethink content layout principles from the web for a more elegant user experience on a variety of touchscreen form factors. Now we’re coming full circle and bringing Flipboard to the web. Much of what we do at Flipboard has value independent of what device it’s consumed on: curating the bes

    60fps on the mobile web — Flipboard Engineering
    efcl
    efcl 2015/02/11
    React Canvas について。 Cavnas要素でUIを作ることで60FPSのスクロールを実現する。 宣言的にUIを作れるためDOM的な抽象レイヤーとしてReactを使い、内部的にCanvasでレンダリングするReact Canvasを開発した話
  • React

    Create user interfaces from componentsReact lets you build user interfaces out of individual pieces called components. Create your own React components like Thumbnail, LikeButton, and Video. Then combine them into entire screens, pages, and apps.

    React
    efcl
    efcl 2013/06/03
    JSXというE4XライクなXMLシンタックスを使ってDOM UIを作成できるライブラリ
  • 1