2. ディレクトリ階層(全体像)

React
.firebase
functions
    --- index.js
public
    --- favicon.ico
    --- index.html
src
--- assets
    --- img
    --- style.css
--- components
    --- Headers
        --- ClosableDrawer.jsx
        --- Header.jsx
        --- HeaderMenu.jsx
        --- index.js
    --- Payment
        --- PaymentEdit.jsx
        --- index.js
    --- Products
        --- CartListItem.jsx
        --- ImageArea.jsx
        --- ImagePreview.jsx
        --- ImageSwiper.jsx
        --- OrderHistory.jsx
        --- OrderProducts.jsx
        --- ProductCard.jsx
        --- SetSizesArea.jsx
        --- SizeTable.jsx
        --- index.js
    --- UIkit
        --- ErrorBoundary.jsx
        --- Footer.jsx
        --- GreyButton.jsx
        --- ImageArea.jsx
        --- Loading.jsx
        --- PrimaryButton.jsx
        --- ScrollToTop.jsx
        --- SecondaryButton.jsx
        --- SelectBox.jsx
        --- TextDetail.jsx
        --- TextInput.jsx
        --- index.js
--- firebase
        --- index.jsx
--- function
        --- common.js
--- reducks
    --- store
        --- initialState.js
        --- store.js
    --- products
        --- actions.js
        --- operations.js
        --- reducers.js
        --- selectors.js
    --- users
        --- actions.js
        --- operations.js  <--- actionを呼び出す
        --- reducers.js  <--- actionを受けてstateの在庫数を変える
        --- selectors.js  <--- storeのstateの状態を見る
    --- loading
        --- actions.js
        --- reducers.js
        --- selectors.js
    --- payments
        --- operations.js
--- templates
    --- CartList.jsx
    --- CheckoutWrapper.jsx
    --- OrderComplete.jsx
    --- OrderHistory.jsx
    --- ProductEdit.jsx
    --- ProductDetail.jsx
    --- ProductList.jsx
    --- Reset.jsx
    --- SignIn.jsx
    --- SingUp.jsx
    --- UserMyPage.jsx
    --- index.js
--- App.jsx
--- Auth.jsx
--- Router.jsx
--- index.jsx
--- serviceWorker.js
.gitignore
firebase.json
package.json
package-lock.json
storage.rules
BACK