タグ

ReactとSPAに関するsayanakaのブックマーク (2)

  • Web サイトっぽい SPA に必要なブラウザナビゲーションのエミュレートなど

    Web サイトっぽい SPA に立ち向かう 大分前の話ですが、Node学園 20時限目 今回もdots!!!!! - connpass で Client Side of なんちゃらfresh.tv としてお話した内容のうち、Web サイトっぽい SPA に関してだけこだわりを再抽出して書き留めます。 件は、ページ全体のスクロールや頻繁なナビゲーションを伴わず、1画面におさまるレスポンシブな Web アプリを作っている場合はあんまり関係がありません。画面内の局所的な状態更新は、コンポーネントの責務分割やら何やらの設計なので実は別の話です。 総じて、Web サイトっぽいくせに大人の事情で Web ブラウザのネイティブなナビゲーションを積極的に破壊しにいくときの心構えです。 URL が変わっても最低限レンダリングできるまで画面更新を遅延させる 画面遷移に必要なのは、 URL が更新されても次の

    Web サイトっぽい SPA に必要なブラウザナビゲーションのエミュレートなど
  • React使ってSPAを作るよ目次 - m31

    React使ってSPAを作るよ目次 現在進行中なのでときどき記事が増えていきます。 2016/07/29追記 TypeScriptも導入したりCreateReactAppを試したりいろいろ脱線していますが、肝心の元プロジェクトはまだ終わってません… React使ってSPAを作るよ(1) Reactを使うための環境構築と、モックのHTMLを作るところまで。 React使ってSPAを作るよ(2) JSXの枠組みを作って、画面を表示するところまで。 React使ってSPAを作るよ(3) モックのパーツをすべてコンポーネント化。さらに、JSONデータからリストを連続で描画するところまで。 React使ってSPAを作るよ(4) ネストしたJSONデータを渡して、リストの子要素にリストを描画するところまで。 React使ってSPAを作るよ(5) 残りのコンポーネントの作成と、脱線して「横並びリストが崩

    React使ってSPAを作るよ目次 - m31
  • 1