manavm1990

// Destructuring
const data = {
  first_name: "John",
  age: 30,
  employer: {
    company: "Google",
  },
};

// Object destructuring with renaming

manavm1990

Table of Contents

• Overview
  • Built With
• Features
• Contact
• Acknowledgements

Overview

manavm1990

const Loader = () => (    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 20 20"
      fill="currentColor"
      className="animate-spin text-yellow-500 w-16"
    >
      <path
        fillRule="evenodd"
        d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z"
        clipRule="evenodd"

manavm1990

Name of Project

Table of Contents

• Overview
• Built With
• Features
• Contact
• Acknowledgements

manavm1990

/**
 * When I click and start typing in either input,
 * update the other's input value with the converted temperature.
 *
 * HINTS: 1. 'keyup' event
 * 2. Use function keyword so that you can use 'this'
 */

manavm1990

const nums = Array.from({length: 50}, (_, i) => i + 1)

manavm1990

export default [
    {
      "type": "Feature",
      "properties": {
        "mag": 1.43,
        "place": "22km N of Ridgecrest, CA",
        "time": 1612296716690,
        "updated": 1612296945481,
        "tz": null,
        "url": "https://earthquake.usgs.gov/earthquakes/eventpage/ci39539143",

manavm1990

export default [
      {
        "id": 7919,
        "url": "http://www.tvmaze.com/episodes/7919/south-park-1x01-cartman-gets-an-anal-probe",
        "name": "Cartman Gets an Anal Probe",
        "season": 1,
        "number": 1,
        "type": "regular",
        "airdate": "1997-08-13",
        "airtime": "22:00",

manavm1990

export default [
    {
      "id": 1,
      "name": "Rick Sanchez",
      "status": "Alive",
      "species": "Human",
      "type": "",
      "gender": "Male",
      "origin": {
        "name": "Earth (C-137)",

manavm1990

export default [
    {
      "id": 19835,
      "title": "Avatar 2",
      "language": "-",
      "release_date": "2022-12-16",
      "details": [
        {
          "id": 5089,
          "language": "en",