szaranger

import { useCallback, useState } from "react";

function Child({ calc }) {
  return <p>{`Total: ${calc()}`}</p>;
}

export default function Parent() {
  const [a, setA] = useState(0);
  const [b, setB] = useState(0);
  

szaranger

function calc(x, y) {
  return x + y;
}
const memoizedCalc = useCallback(() => {
  return calc(a, b);
}, [a, b]);

szaranger

let initialState;

class User {
    #isActive = false;

    get getState(){
        if(!this.#isActive){
            throw new Error('User is not active');
        } 
        return this.#isActive;

szaranger

class User {
    isActive = false;
    get getStatus(){
        if(!this.#isActive){
            throw new Error('User is not active');
        } 
        return this.#isActive;
    }
}

szaranger

let users;

if (userType === 'ADMIN') {
  users = await import('https://example.com/users/1');
} else {
  users = await import('https://example.com/users/2');
}

szaranger

class User {}

User.username = "Sean"

szaranger

const date = Temporal.Now.plainDateISO(); // Gets the current date
date.toString(); // returns the date in ISO 8601 date format

// If you additionally want the time:
Temporal.Now.plainDateTimeISO().toString(); // date and time in ISO 8601 format

szaranger

try {
  const result = 2 / 0;
  console.log(result);
} catch (error) {
  console.err(error);
  throw new Error('Something went wrong', { cause: error });
}

szaranger

const fruits ="Fruits:apples, oranges, pears";
const regex = /(apples)/gd;
const matches = [...fruits.matchAll(regex)];

console.log(matches[0]);

szaranger

const person = {
  hasOwnProperty: function() {
    return false;
  },
  age: 21
};

if (Object.hasOwn(person, 'age')) {
  console.log(person.age); // true - the remplementation of hasOwnProperty() did not affect the Object
}