DoctorDerek

yarn add --dev eslint-config-prettier

DoctorDerek

module.exports = {
  ...
  extends: [
    'plugin:prettier/recommended',
  ],
  rules: {
    'prettier/prettier': 'error',
  }
}

DoctorDerek

// @/__tests__/utils/getChartOptionsObj.spec.js
describe("@/utils/getChartOptionsObj", () => {
  const chartData = [1, 2, 3]
  const defaultChart = getDefaultChartObj({ chartData })

  it("passes along defaultChart only without extraOptions", () => {
    const output = getChartOptionsObj({ chartData })
    expect(output).toBe(defaultChart)
  })

DoctorDerek

// @/utils/getChartOptionsObj.js
export default function getChartOptionsObj({
  chartData,
  maximum,
  limitOne,
  limitTwo,
  percent,
  extraOptions,
}) {
  const defaultChart = getDefaultChartObj({

DoctorDerek

// @/__tests__/utils/getChartOptions.spec.js
describe("@/utils/getChartOptions", () => {
  const chartData = [1, 2, 3]
  const defaultChart = getDefaultChart(chartData)

  it("passes along defaultChart only without extraOptions", () => {
    const output = getChartOptions(chartData)
    expect(output).toBe(defaultChart)
  })

DoctorDerek

// @/utils/getChartOptions.js
export default function getChartOptions(
  chartData,
  maximum,
  limitOne,
  limitTwo,
  percent,
  extraOptions
) {
  const defaultChart = getDefaultChart(

DoctorDerek

// We'll query the Rick and Morty API using a GET request:
const URL = "https://rickandmortyapi.com/api/character/"
const fetchCharacter = (id) => {
  const httpRequest = new XMLHttpRequest()
  httpRequest.open("GET", `${URL}${id}`)
  httpRequest.send()
  return httpRequest.responseText
}
const fetchJerry = () => fetchCharacter(5) // Jerry has id 5.
const result = fetchJerry() // The result is always undefined.

DoctorDerek

// We'll query the Rick and Morty API using a GET request:
const URL = "https://rickandmortyapi.com/api/character/"
const fetchCharacter = (id) => {
  const httpRequest = new XMLHttpRequest()
  // When the request is loaded, call the callback function:
  httpRequest.onload = function () {
    callback(httpRequest.responseText)
  }
  httpRequest.open("GET", `${URL}${id}`)
  httpRequest.send()

DoctorDerek

// We'll query the Rick and Morty API using a GET request:
const URL = "https://rickandmortyapi.com/api/character/"
const fetchCharacter = async (id) => {
  const response = await fetch(`${URL}${id}`)
  return await response.json()
}
// Any function with an await keyword must be labeled async:
const fetchJerry = async () => await fetchCharacter(5)
const result = await fetchJerry() // We await the fetch call.
const { name, status } = result ? result : {}

DoctorDerek

// We'll query the Rick and Morty API using a GET request:
const URL = "https://rickandmortyapi.com/api/character/"
const fetchCharacter = (id) => {
  return fetch(`${URL}${id}`).then((response) => response.json())
}
const fetchJerry = () => fetchCharacter(5)
fetchJerry().then((result) => {
  const { name, status } = result ? result : {}
  console.log(`${name} is ${status}`) // Jerry Smith is Alive
})