MarwanShehata

export default function App() {
  const [isOpen, setIsOpen] = React.useState(false);
  const ref = React.useRef(null);

  React.useEffect(() => {
    if (isOpen === true) {
      const handleEvent = (e) => {
        const element = ref.current;
        if (element && !element.contains(e.target)) {

MarwanShehata

import {
  createContext,
  memo,
  useCallback,
  useContext,
  useEffect,
  useId,
  useLayoutEffect,
  useMemo,
  useReducer,

MarwanShehata

/*
  Josh Comeau Reset https://www.joshwcomeau.com/css/custom-css-reset/ with my tweaks 
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  margin: 0;

MarwanShehata

const obj = {
  [Symbol.toPrimitive]: function (hint) {
    if (hint === "number") {
      return 42;
    } else if (hint === "string") {
      return "Hello";
    } else {
      return true;
    }
  },

MarwanShehata

const serializableSymbol = Symbol.for("serializable");

class User {
  constructor(name) {
    this.name = name;
    this[serializableSymbol] = ["name", "age"]; // Mark 'name' and 'age' for serialization
  }

  getSerializableProperties() {
    const properties = [];

MarwanShehata

const obj = {
  [Symbol("my_key")]: 1,
  [Symbol("second_key")]: 2,
  enum: 3,
  nonEnum: 4,
};

Object.defineProperty(obj, "nonEnum", {
  enumerable: false,
});

MarwanShehata

function binarySearch(list, item) {
  let min = 0;
  let max = list.length - 1;
  let guess;

  while (min <= max) {
    guess = Math.floor((min + max) / 2);
    if (list[guess] === item) {
      return guess;
    } else {

MarwanShehata

function joinElements(arr, joinString) {
  function recurse(i, resultSoFar) {
    resultSoFar += arr[i];
    console.log(resultSoFar);
    if (i === arr.length - 1) {
      return resultSoFar;
    } else {
      return recurse(i + 1, resultSoFar + joinString);
    }
  }

MarwanShehata

const memoizedClosureTimes10 = () => {
  let cache = {};
  return (n) => {
    if (n in cache) {
      console.log(`Fetching from cache: ${n}`);
      return cache[n];
    } else {
      console.log(`Calculating result~~`);
      let result = n * 10;

MarwanShehata

const times10 = (num) => {
  const a = num * 10;
  return a;
};
console.log(`~~~~~~~~TASK 1~~~~~~~~`);
console.log(`times10 returns: ${times10(9)}`);

const cache = {};
const memoTimes10 = (n) => {