Frontend Meeup #1

https://connpass.com/event/38112/

React/Redux で快適フロントエンドライフ（仮）

by @takayuki_shmz (株式会社FiNC)

https://xtech.nikkei.com/it/atcl/column/16/050900104/051000005/

• React & Redux
  • 学習コスト
  • JSX(うんじゃら）
• 後悔したこと
  • つらいコンポーネント
  • つらい繰り返し・テスト
  • つらいデータの扱い
• 最初に抑えるべき
  • 正しいコンポーネント思考
    • smart component
      • dumbコンポーネントとaction, storeを繋ぐ
    • dumb component
• Statelessコンポーネントが原則
  • case by caseだけども
• cssはコンポーネントと1v1
• this.contents
  • https://legacy.reactjs.org/docs/context.html
  • API層をcontextに渡しcontainerを呼ぶ

革命と秩序と SPA(React、flux、flowtype)

by @joe_re (freee株式会社）

https://speakerdeck.com/joere/ge-ming-tozhi-xu-tospa

• backone
• freee-mvc-framework
• vue
  • mvvm
• react & flux
  • single-stateを途中から導入するのがツラい
  • flux-utils
    • サポートの範囲が小さい分外しやすい
• flowtype

Angular と心中する（仮）

by @Quramy (株式会社WACUL)

https://quramy.github.io/spa-knowhow-note/#/

• WACUL
  • TypeScript
  • angular 1.x
• Angular 1.x
  • component
  • コードの自動生成
  • エラー周り
• style管理問題
  • BEM
  • component:css = 1:1
  • https://github.com/ukyo/angular-simple-bem
• Rollbar
  • 裏でsourcemap連携

コンテンツ配信とSPA。

by @konpyu (Piece of cake,Inc)

• note https://note.com/
  • angular 1.3
  • mobile遅い
• Drupal8
• SSR
• HTTP2

SPA と覚悟

by @teppeis (サイボウズ）

• SPA
  • ブラウザーにとっては1枚のページに見えている
  • ブラウザーの体験を超える覚悟がある
• 初回ロード
• a11y
• ブラウザーを越えすぎても駄目

Angular2 でつまづいたところ（仮）

by @nacika_ins

1px をめぐる戦い

@yoshiko_pg

https://yoshiko-pg.github.io/slides/20160916-spa/

SPA でのセッション管理とセキュリティ

by @uryyyyyyy

• https://qiita.com/uryyyyyyy/items/9a8276f7241b650f1c15
• https://twitter.com/teppeis/status/776757447813771265