[レベル1-タスク4]自販機の記憶に残るフィードバック

レベル1最終タスク

👍 保護された操作

👍 インタフェースの分離

👍 事前タイプのメンバー関数の宣言

export interface ProductInterface extends ProductType {
  getName(): string;
  getPrice(): number;
  getQuantity(): number;

  decreaseQuantity(): void;
}

👍 APIの処理

export const requestLogin = async (email: string, password: string) => {
  const response = await request(
    '/login',
    {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        email,
        password,
      }),
    },
    true,
  );

interface IRequest {
  status: 'success' | 'fail';
  content: any;
}
const { status, content }: IRequest = await requestLogin(email, password);

👍 TSの$ユーティリティ関数

export const $ = (selector, node: HTMLElement | DocumentFragment = document.body) =>
  node.querySelector(selector);

👍 パラメータが3つを超える場合

export const generateItemPurchaseContentTemplate = (moneyAmount, itemList, change) => `

👍 カリンですか?

const postServer = (baseUrl) => (path) => async (bodyData) => {
	...
}

👍 routerをオブジェクトとして

 this.router = {
      [HASH.PRODUCT_MANAGEMENT]: () => {
        this.productModerator.init();
      },
      [HASH.CHARGE_CHANGES]: () => {
        this.changesModerator.init();
      },
      [HASH.PRODUCT_PURCHASE]: () => {
        this.purchaseModerator.init();
      },
      [HASH.SIGNUP]: () => {
        this.signUpModerator.init();
      },
      [HASH.LOGIN]: () => {
        this.loginModerator.init();
      },
      [HASH.USER_INFO]: () => {
        this.userInfoModerator.init();
      },
    };

this.router[hash]
      ? this.router[hash]()
      : this.router[HASH.PRODUCT_PURCHASE]();

👍 CustomEvent

const pushStateEvent = new CustomEvent('pushstate', {
    detail: { state },
  });

  window.history.pushState(state, '', href);
  dispatchEvent(pushStateEvent);

👍 名前は本当にいろいろあります。

1. 변수 이름에는 동사를 넣지 않는다
2. 변수의 단수형에는 관사를 넣지 않는다.
3. 전치사는 최대한 생략한다