Link Diary June 2023

• More reverse image search
• Check the HTTP/2 capability of your website
• What PC GPU can be compared to the Steam Deck?
• React may execute a state update twice
• Video Picks
  • That hurts
  • Human brain merges in rat
  • Visuals of a mushroom trip
  • Bilingual superpower
  • The Ninja Turtles Story
  • Squirrel issues
  • Language learning mastermind
  • RANCID history
  • Top 100 Linux commands
  • Mouse Maze Innovations
  • deltaTime elaboration
  • RANCID japan fan service
  • Matt Freeman best unk bass player
  • Super rare RANCID bootleg
  • Snoop's reaction to his butchered song
  • Rowan Atkinson on free speech
  • Wise money advice
  • Blender Short clip making of

Search a bigger version or the original of an image?

• https://images.google.com/
• https://smallseotools.com/reverse-image-search/
• https://tineye.com/

https://http2.pro/

• GT 1050
• RTX 3050
• RX 6500 XT

https://www.wepc.com/gpu/faq/what-gpu-is-equivalent-to-steam-deck/

To annoy the developer to make the function pure.

https://react.dev/reference/react/useState#my-initializer-or-updater-function-runs-twice

Will go wrong with the toggle inside the function:

  const [grid, setGrid] = useState([
    ['', '', ''],
    ['', '', ''],
    ['', '', '']
  ]);
  const handleClick = (row, col) => {
  
    // this lambda function is not pure
    setGrid(prevGrid => {
      const newGrid = [...prevGrid];
      newGrid[row][col] = '';
      if(prevGrid[row][col] !== 'yellow') {
        newGrid[row][col] = 'yellow';
      }
      return newGrid;
    });
  };

Fixed by calculating the value outside of the function:

  // ...
  const handleClick = (row, col) => {
    let newValue = '';
    if(grid[row][col] !== 'yellow') {
      newValue = 'yellow';
    }
    setGrid(prevGrid => {
      console.log(row, col);
      const newGrid = [...prevGrid];
      newGrid[row][col] = newValue;
      return newGrid;
    });
  };