學習Redux — Redux留言板實作功能介紹

March 10, 2016

每次學習新東西都是寫Todo list實在太無趣了，這是我個人redux學習紀錄：使用react與redux開發一個留言板，並且把相關程式碼放在github上供參考

git resource: justin3737/redux-message-board

留言板操作功能說明

1. 使用ant design components 相關應用可以參考官網說明

2. 右上角按下[留言]的按鈕, 在modal內顯示留言的輸入框

3. 更新留言訊息

4. 按下[確認] 新增留言

5. 留言列表更新

6. 只有自己可以刪除自己的留言（自己的留言才有[x]按鈕）

7. 按下[X] 跳出confirm視窗, 詢問是否刪除

React Redux留言版相關文章：

• 學習Redux — Redux留言板實作功能介紹
  
• 學習Redux — 1 右上角按下[留言]的按鈕, 在modal內顯示留言的輸入框(上)
  
• 學習Redux — 1 右上角按下[留言]的按鈕, 在modal內顯示留言的輸入框(下)
  
• 學習Redux — 2 更新留言訊息
  
• 學習Redux — 3 按下[確認] 新增留言
  
• 學習Redux — 4 留言列表更新
  
• 學習Redux — 5 只有自己可以刪除自己的留言（自己的留言才有[x]按鈕）
  
• 學習Redux — 6 按下[X] 跳出confirm視窗, 詢問是否刪除
  
• 學習Redux — Message-board app 練習題