onosendi

const preferredStoreItems=[
  {"PreferredStoreName":"Stater Bros","GroceryItemID":3,"Name":"Test","PreferredStoreID":3,"Notes":"Test","CreatedOn":"Apr 30 2021 10:43PM"},
  {"PreferredStoreName":"Ralph's","GroceryItemID":2,"Name":"Baguette","PreferredStoreID":7,"Notes":"","CreatedOn":"Apr 30 2021 10:43PM"},
  {"PreferredStoreName":"Stater Bros","GroceryItemID":1,"Name":"Saltines","PreferredStoreID":3,"Notes":"","CreatedOn":"Apr 30 2021  6:26AM"},
]

const z = preferredStoreItems.reduce((map, item) => {
  map.set(item.PreferredStoreID, item.PreferredStoreName);
  return map;
}, new Map);

onosendi

export default function PreferredStoreItemsForStore({
  PreferredStoreItems: preferredStoreItems,
  PreferredStoreName: preferredStoreName,
}) {
  ...
}

onosendi

function Foo() {
  const handler1 = (event, str) => {
    console.log(event, str);
  };

  const handler2 = (event) => (str) => {
    console.log(event, str);
  };

  return (

onosendi

const runProgram = require('./scrabble');

runProgram();

onosendi

import { useState } from 'react';

function GroupItem({ group, names }) {
  const [collapse, setCollapse] = useState(false);

  const handleClick = () => {
    setCollapse(!collapse);
  };

  return (

onosendi

const foo = {
  foo: 'bar',
  arr: [1, 2, 3],
};

foo.arr.forEach((number) => {
  console.log(number);
});

onosendi

function promiseChain() {
  return new Promise((resolve) => { resolve('two'); });
}

console.log('one');
promiseChain()
  .then((result) => {
    console.log(result);
  })
  .then(() => {

onosendi

async function run() {
  const response = await fetch('https://foo.com');
  const json = await response.json();
  console.log(json);
}

onosendi

import { useRef, useState } from 'react';

export default function Foo() {
  // When we change the state, we cause the component to re-render.
  const [count, setCount] = useState(0);

  // This gets persisted between re-render
  const persisted = useRef(null);

  // This does not get persisted between re-render

onosendi

import { useDispatch, useSelector } from 'react-redux';
import { setCount, selectCount } from './counterSlice';

export default function App() {
  const dispatch = useDispatch();
  const count = useSelector(selectCount);

  return (
    <>
      <p>{count}</p>