react-railsでサーバーサイドレンダリングしつつクライアントでsetStateできて最高になった - Qiita

2015/08/09 126 users Qiita React サーバーサイド turbolinks

土日でreact-railsとturbolinksを勉強してみた成果です やりたいこと 画面遷移するときは<div id='content'></div> の中身だけ入れ替えて、pushStateで行き来できるようにしたい reactを使ったリッチなページでも、イニシャルロードやSEOの為にサーバーサイドでレンダリングしておきたい サーバーサイドレンダリングした要素を破棄することなくReactで初... 続きを読む

jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)

2015/01/14 358 users Neganin pjax Ajax ネガニン エフェクト

「pjax」とは「Ajax」と「pushState」を組み合わせたもので、非同期通信をしながらURLを変更することができる「jQueryプラグイン」です。 各ページの差分だけ読み込み、描画するので、転送量削減ができ時間短縮を図れますし、ページ遷移時のエフェクトも追加できたり、カスタマイズ性に優れています。検索エンジンからのマイナス点もない非常に優秀なプラグインです。 「Ajax」と「pushSta... 続きを読む

pjax こそが pushState + Ajax の本命 - punitanのメモ

2011/04/04 423 users pjax punitan Ajax hash jQuery

pjaxの前にpushStateとはAjaxとjQueryの説明は不要として、pushStateとはなんぞや。pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る／進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。有名なところではGitHubで使われてるアレ。hash... 続きを読む