前端(Front-End)
經過本章節您會瞭解到:
- [Route] — 網址路由設定
- [Auth] — 依照使用者權限顯可操作的功能
- [View] — 畫面呈現頁面、CSS套用
- [Action] — 註冊 Action 行為、呼叫後端 RESTful API
- [Store] — 處理修改 State
在實作功能之前,先瞭解目錄結構:
app
- components
- ∟ shared — 放置共用的 component
- data
- ∟ en.js — 英文(多國語系)
- ∟ fr.js — 法語(多國語系)
- utils
- ∟ flux.js — 處理 flux 流程,包含註冊 Action 以及 Store
- postManager
- ∟ actions — 使用者從視圖(View) 上可以使用的操作(Actions)
- ∟ components — 元件(渲染出網頁的元件,可以想成是 View)
- ∟ stores — Store 接收(監聽) Action 傳來的的值,並專注於處理修改狀態(State)
- ∟ styles — CSS 檔案
- routes.jsx — 路由設置
postManager 資料夾是放置有關 post 事件。
下一步
瞭解完大致上的目錄結構後,接下來開始建立 文章清單 。