中〜大規模なSPAを開発する時に抑えておきたい10のポイント - KAYAC engineers' blog

こんにちは。カヤックのSPAおじさんこと島津です。 今年はReactとVueを使ったSPA開発プロジェクトをいくつか担当してきたので、そこで得た知見の総まとめをしたいと思います。 ※ ここでのSPAとはすべてのViewをJavaScriptで書くWebアプリのことを指します。サーバーサイドMVCを主軸にViewの一部をReactやVueで書くこともありますが、今回はそのケースではありません。 1. フレームワーク 数年前とは事情が変わり、 フレームワークを使わないという選択肢は昨今だともう無いでしょう。丸腰のJSでDOMを弄っていた時代に比べると、かなり安定したフロントエンドの開発ができるようになりました。 人気フレームワークの台頭になっている React + Redux Vue + Vuex をこの1年使ってきましたが、書き方は違えどFluxアーキテクチャ・仮想DOM・コンポーネント志向

[akatakun]

多くのCSSフレームワークは一部の挙動がjQueryに依存しているため、そのまま導入すると結構バグる，Componentsとして提供されているものや、元々JS非依存のものを使う

[takamoriii]

vue

[mizdra]

良い

[takezaki]

“独自に書くCSSは、コンポーネント単位でのCSSを書けるScoped CSSを導入するのがおすすめ”

[kojiro-s]

spa

[yuhiisk]

SPA実装まとめ

[re_fort]

"この場合、どのURLでアクセスしてもindex.htmlをレンダリングするような設定が必要です" routerがhistoryモードの場合って書いたほうが良いかも

[Dai_Kamijo]

“中〜大規模なSPAを開発する時に抑えておきたい10のポイント - KAYAC engineers' blog” — Masashi Shinbara (@shin1x1) December 25, 2017 from Twitter https://twitter.com/Dai_Kamijo December 25, 2017 at 12:05PM via IFTTT

[kithzmky]

spa react Vue.js

[sezemi]

"CSSフレームワークに限らずですが、jQueryとVirtualDOMはまぜると危険ですね" css安易に混ぜて、苦しみを与えている。。すまそ

[manaten]

いい感じにまとまってる

[tatsuaki_w]

良い！