鐵人檔案
背景 Component Life Cycle 也是React裡面的新概念. 其實是life cycle是在決定這個component在什麼時候要做什麼事情....
背景 在教react-router之前, 我們要先討論 , what is single-page application. "單頁Web應用（si...
背景 Redux 是個全域的狀態管理物件。 它的idea 是來自於flux的架構。 我們需要Redux 因為當我們的react app 越來越大的時候， 狀態會...
介紹 我們先把react component做個區別， Component有分 Component 跟 Container. Container 就是會跟re...
背景 你需要redux dev tool, 因為這個工具會幫助你debug. 他會追蹤你的state跟Action. 你需要先去 Google Chrome e...
背景 我react 學完, 那我想說來學一下後端的技術. 那我選node 因為 node 跟javascript 是一樣的所以我不需要在學一個新的語言. 我可以...
背景 Stripe 是美國第三方最大的支付服務. 他的優點是你不要離開你的網站進行payment. 那這個教學我會分成兩段.前端認證跟後端傳資料跟確認. 我會用...
我們從前端拿到token, 之後接下來我們要把資料傳到stripe. 然後資料成功後再把order 存在我們的order table 裡面. 以下就是前端傳的t...
Passport.js 是一個使用者登入跟認證系統. 它有提供很多套件(strategy)給很多不同第三方認證 像facebook, google. 這個教學一...
接下來我們要用一些別的套件來強化我們的認證. 我會交如何使用 connect-flash, express-validator, express-seessio...
