night-fury-rider

import React from "react";
import { Select, MenuItem, FormControl, InputLabel, Box } from "@mui/material";

interface MovieFilterProps<T extends string | number> {
  primaryOptionLabel?: string;
  primaryOptionValue?: T;
  options: T[];
  selectedFilter: T;
  setSelectedFilter: React.Dispatch<React.SetStateAction<T>>;
  title: string;

night-fury-rider

// Make sure we have a input field with id "inputData" in our DOM.

const inputData = document.getElementById("inputData");

const getDataFromServer = (name) => {
  console.log(`${name} :: getting Data from Server...........`);
};

const throttle = (callback, delay) => {
  delay = delay || 2000;

night-fury-rider

// Make sure we have a input field with id "inputData" in our DOM.

const inputData = document.getElementById("inputData");

const getDataFromServer = (name) => {
  console.log(`${name} :: getting Data from Server...........`);
};

const debounce = (callback, delay) => {
  delay = delay || 2000;

night-fury-rider

const memoize = (func) => {
 const cache = {};


 return (...args) => {
   const key = args.toString();
   if (cache[key]) {
     console.log(`Getting from the cache for ${key}`);
     return cache[key];
   } else {

night-fury-rider

class MyAsyncIterator {
  constructor() {
    this.queue = []; // To hold actual values
    this.waitlist = []; // To hold the callbacks
  }

  /**
   * If the waitlist contains an item, remove it and execute it.
   * Otherwise, add the value to the queue.
   */

night-fury-rider

class Stock {
  constructor(symbol) {
    this.symbol = symbol;
    this.price = 0;
    this.observers = [];
  }

  // Subscribe to stock price changes
  subscribe(observer) {
    this.observers.push(observer);

night-fury-rider

body {
  background-color: skyblue;
  margin: 20px;
  height: 90%;
}

.flex_center {
  display: flex;
  align-items: center;
  justify-content: center;

night-fury-rider

// Make these changes in the ~/Library/Application Support/Code/User/snippets/html.json
// Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
// "Print to console": {
// 	"prefix": "log",
// 	"body": [
// 		"console.log('$1');",

night-fury-rider

class PubSub {
  constructor() {
    this.events = {};
  }
  subscribe(eventName, callback) {
    if (!this.events[eventName]) {
      this.events[eventName] = [];
    }
    this.events[eventName].push(callback);

night-fury-rider

// Place your key bindings in this file to override the defaults
[
  {
    "key": "shift+cmd+f",
    "command": "editor.action.formatSelection",
    "when": "editorHasDocumentSelectionFormattingProvider && editorTextFocus && !editorReadonly"
  },
  {
    "key": "cmd+k cmd+f",
    "command": "-editor.action.formatSelection",