現在的網站，似乎都開始走背景 rendering，前陣子看到一個 react 的教學影片，看到影片作者用到這個小技巧，在 Chrome 的開發者工具，有一個 enable paint flashing，可以從畫面就可以得知，哪些區塊在背景有更新。
JWT Authentication with AngularJS 重點整理 (1)
一般 Session 的產生流程 (3:10) 瀏覽器發送一個 request 到 server，內含帳號跟密碼 server 驗證帳密後，產生一組 Session ID，存在 Cookie 裡。 將存有 Session ID 的 cookie，回傳給瀏覽器。 瀏覽器在下次與 server 傳遞訊息時，每次都要帶...
再 ATOM 上有蠻多 Snippet 的 package 可以安裝，不過有時候更新速度不夠快，你還是想要建立自己的，首先開啟 ATOM 然後工具列的地方，點一下 Open Your Snippet。 它會幫你開啟一個 snippet.cson 的文字檔 Snippet 格式簡單範例 source.js...
Speed up Server Side Rendering 重點整理
Reactjs - Speed up Server Side Rendering - Sasha Aickin 為什麼提升 Server Side Rendering 速度，這麼困難? (3:00) renderToString 有單執行緒、同步、CPU 的限制 server side 和 client si...
因為專案已經上線了，從原本的 github flow，改用 git flow，這樣才能同時 hotfix 跟調比較大幅度的變動。 github flow 只有一個 master，每個人都發 pull request，由具有 merge 權限的人 code review 後，然後才會 merge 進 master，...
今天在工作的時候遇到，Nginx 413 Request Entity Too Large 這個 Error，Google 了一下，解決方式是加大 body size，預設是 1M，所以暫時加到 2M，不過一般這個問題是出現在上傳的情況，但我遇到的情況應該不需要，目前還找不到實際背後的原因，所以先用 work a...
Dan Abramov - Live React Hot Reloading 重點整理
Redux Atomic Flux with hot reloading Reducer + Flux 開場 (1:20)講者說明他試著去解決他 workflow 遇到的麻煩，並鼓勵多花一點時間，了解你的開發工具，然後你才可以更專注於你的開發。 現狀的挫折 (3:00) 每次改變都需要更新 重複的 stat...
Rethinking Web App Development 重點整理
Hacker Way: Rethinking Web App Development at Facebook 這個影片解釋的非常清楚，為什麼要用 Flux 架構。 另提，我一直誤會 Flux 跟 Redux 是兩個派流，但其實 Flux 是在講一個架構(雖然它也真的有一個框架叫 Flux)，又被騙到了，囧 R...
有實作 Isomorphic 的框架這裡只列出背後有知名組織支援的框架 Redux 來自 reactjs Github : https://github.com/reactjs/redux Fluxible 來自 yahoo Github : https://github.com/yahoo/fluxible ...
SPA ( Single Page Apps ) 兩大隱憂不友善的SEO 由於程式只跑在 client-side，所以 server 並沒有提供爬蟲需要的 HTML 資料。 效率(Performance) 由於要等整包 client-side 的 js 內下載完之後，才會在瀏覽器 render html，所以第一...
Page 13 / 15