鐵人賽快要結束了，30天的時間過好快呀...
這篇想要介紹React的專案架構，資料夾分類。
React本身並沒有提供專案的結構，必須由我們自來架構才可以，架構的分類主要還是依照每個人的使用習慣來進行～

components:裡面放所有的元件
pages:裡面放頁面層級的元件
images:放需要引入的圖片

components 應該是可以被使用到任和地方的元件，所以會將page特別分類出來，不要讓 routing 跟 components 相依。

src/
    components/
    pages/
    images/

Components 以功能來分類
使用功能來分類元件，之後元件如果有更新或新增功能，也會比較好來進行管理

src/
    components/
        practice/
            Practice.jsx           
        voucher/
            VoucherPlanCard.jsx
            VoucherButton.jsx

Custom Hook
Hook 可以將狀態與資料單獨抽離元件進行額外的管理

src/
    hooks/
        activity.jsx
        checkout.jsx

一個檔案裡面可以有多個 hook

// activity.jsx
export const useActivityCollection = () => {}
export const useActivityAdmin = () => {}