// Dateオブジェクトを時刻を表すオブジェクトに返還する

// Dateオブジェクトを時刻を表すオブジェクトに変換する

asyn/await

async/await

document.getElementById("react-container")

document.getElementById("root")

以下は分離したInsttructionsコンポーネントです。

以下は分離したInstructionsコンポーネントです。

useReducer使えば、

useReducerを使えば、

  if (!data) return;
  if (data.login === login) return;
  const { name, avatar_url, location } = data;

  if (!data) return;
  const { name, avatar_url, location } = data;

また、データが未取得の場合や、すでに保存済みの場合は何もせずにreturnしています。

また、データが未取得の場合は何もせずにreturnしています。

    if (!data) return;
    if (data.login === login) return;
    const { name, avatar_url, location } = data;

    if (!data) return;
    const { name, avatar_url, location } = data;

いずれの処理も、すでに処理済みのデータを再処理しないようにif文でreturnしています。

また、すでに取得したデータを再取得しないようにif文でreturnしています。

後者は条件分

後者は条件文

throw pending;

throw promise;

DOMの更新は非同期処理

DOMの更新は同期処理

printNames

userDetails

API呼び出しnnn等

API呼び出し等

以前はサーバーが公開するREST REST APIを呼び出すために、

以前はサーバーが公開するREST APIを呼び出すために、

function selfEducate() {
  frederick.canRead = true;
  frederick.canWrite = true;
  return frederick;
}

function selfEducate() {
  frederick.canRead = true;
  frederick.canWrite = true;
}