iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 15
1
Modern Web

RRRR的世界 (Ruby on Rails + React + Redux)系列 第 15

Day 15, Reading List 假的todo list (切、分工)

  • 分享至 

  • xImage
  •  

假的ToDo List,因為太多Todo list了,我只好來個換湯不換藥。
湯也很多種,todo list, wishing list, reading list, shopping list等等,很多list的湯可換。

先看我們準備怎麼規劃:
http://ithelp.ithome.com.tw/upload/images/20161230/20103835T7NRwF3DYI.png

基本上,前端React透過API跟後端Rails溝通,然後rails操作完DB後,再回傳JSON。

好的,先用 https://www.draw.io/ 畫了一個草稿,本來的UI長這樣...

http://ithelp.ithome.com.tw/upload/images/20161231/20103835Eqq7UGNtR6.png

然後用word畫出component規劃,圖就長下面那樣子!

http://ithelp.ithome.com.tw/upload/images/20161231/2010383508AJ0yM6im.png

這就是今天的切元件,切分工!

好,就這樣!
明天寫rails的部分,後天寫react的部分!明天要準時發!


上一篇
Day 14, React components 各種寫Component的方法
下一篇
Day 16, Reading List - Rails的部分
系列文
RRRR的世界 (Ruby on Rails + React + Redux)30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言