LoginSignup
10
10

More than 5 years have passed since last update.

React.js meetup #3

Last updated at Posted at 2016-02-23

Official

Evolving Complex Systems Incrementally @cpojer

Q&A with @cpojer. About React, Relay or anything else

  • slide
  • What is the tufure plan for flux dispather (vs Redux)?
  • Will Relay Route query support multiple args
    • 絶賛協議中
  • Are FB native apps still running only GraphQL or / will use RelayJS? if not Why?
    • Relay は使用(ReactNativeに入ってる)
    • asManagerはAndroidで使用
  • What's the next big thing coming out?
  • Do you have any plan for using ReactNative in a part of FB app?
    • さり気なく使っていく
  • React.js Conf
  • 認証まわりどうしてる?
    • エンドポイントわけている
  • jscodeshiftは他の言語に対応しないの?
    • PHPのcodeshiftからインスパイヤ
    • JAVA版も作ってる

(仮) React/Flux/Relay/GraphQL @neth_6

  • slide
  • GraphQL
    • Single API endpoint data retrieval
  • RelayJS
    • React component data declaration & co location
    • Componrnt data co-location
    • Auto-fetch declared data (no AJAX code)
  • Server Side
  • Client Side

React.jsユーザーの為のElm @jinjor

  • slide
  • Elm
    • 関数型言語AltJS。
  • Reduxが参考にした
  • 人気が出た理由
    • VirtualDOMを採用した
    • Elmアーキテクチャを持っている
  • Elmの場合、オブジェクトがImmutableなので、オブジェクトの比較をすればDOM描画をスキップ出来る -> 描画が速くなる
  • ElmはFRP言語
  • elm-architecture <- Reduxが参考にした

GameウィジェットライブラリをReactで作った話 @yosuke_furukawa

  • slide
  • 使ったもの
    • babel
    • React
    • FB/flux
    • css-modules(postcss)
    • webpack
  • Reactの中にCSSを入れたかった
    • なるべく1ファイルで読み込ませたかった
    • CSSのクラス名の名前空間の問題
  • React inline CSS
    • メディアクエリ、擬似属性使えない
  • Radium
    • メディアクエリ使用可能
  • CSS-modules
    • CSSの機能が普通に使えた
    • agrifyされたクラス名が生成される -> ヘッドタグに追加される
    • critical rendering pathになってしまう
    • scriptが読み込む位置が重要になる
    • ドキュメントを明記して解決した
  • JSとCSS一緒にしたことで・・・
    • キャッシュが効かない
    • HTTP2になったら・・・
  • 普通にCSSで書くべし
  • BabelV6にアップしたらデグレが起きた
  • tower-of-babel

LT: RubyのVirtual DOM実装 'Hyalite' について @youchan

LT: コンポーネント設計とCSS hokuma

  • slide
  • ボタンをコンポーネント化(最初CSSで指定してたけど詰んだから)

LT: Reactとloopbackのことはじめ @tyshgc

React/Reduxにおける現場での喜びとツラみ ryota kaneko

  • slide
  • ES6ModuleとTestingの話
  • proxyrequire使ってる
  • Babel6 shock
    • requireでBabel6だとdefaultを付けないといけない
10
10
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
10