Cost History

🐸文件架構

1. components 文件夾存放展示型組件
2. containers文件夾存放所有的容器型組件
3. 兩個文件夾下皆有放置__test__ 文件夾
4. src跟目錄下放統一使用的文件
5. Pascal Case 命名法

🙉React理念

1. UI 劃分
2. 創建應用靜態版本

🍑🍑App building Steps🍑🍑

• Add pricelist with PropType
• Add TotalPrice with PropType
• Add MonthSelector

pricelist

• map function
• Ionicon function
• PropTypes ( define and defaultProps)

MonthSelector

• to build a button

• to build a toggle list with hide property (to build with state)

  ＝＞事件處理　

• user could select month and year

  ＝＞GRID SYSTEM

• to have a highlight function

• two selection month and year

2021-02-21 TDD First