vasilionjea

function test() {
  const nums = [1, 2, 3];

  for (let i = 0; i < 60; i++) {
    const first = nums[0];
    const mid = nums[1];

    nums.splice(2, 1); // delete last number

    const newMid = (first + mid) / 2;

vasilionjea

React Hook Refactor

I can think of at least three ways this hook can be refactored which makes it easier to read and more performant. This can be done without adding new dependencies or changing the signature of the context provider or hook, so it only refactors the internal behavior.

I'd love to see how anyone else would refactor this.

vasilionjea

import React, { useState, useEffect, useCallback } from 'react';

const flipMapKeys = (mapObj: Map<unknown, unknown> | null) => {
  if (!mapObj) return new Map();
  return new Map([...mapObj].map(([key, value]) => [value, key]));
};

/**
 * useCachedRects hook
 */

vasilionjea

import Benchmark from 'benchmark';

/**
 * -------------------------------------------
 * Utils
 * -------------------------------------------
 */
function isNone(obj: unknown): boolean {
  return obj === null || obj === undefined;
}

vasilionjea

/**
 * -----------------------------------------------------------------
 * It works version
 * -----------------------------------------------------------------
 */
const computerChoiceDisplay = document.getElementById('computer-choice')
const playerChoiceDisplay = document.getElementById('player-choice')
const resultDisplay  = document.getElementById('result')
const possibleChoices = document.querySelectorAll('button')
let playerChoice

vasilionjea

JavaScript Observables

Notes on Observables.

/**
 * A simple Observable class with `map` and `filter` operators. 
 * 
 * When instantiated, Observable classes don't do anything until they 
 * are "subscribed" to.

vasilionjea

import Ember from 'ember';

export default Ember.Controller.extend({
  buttons: [
    {id: 1, text: 'button 1'},
    {id: 2, text: 'button 2'},
    {id: 3, text: 'button 3'}
  ],
});

vasilionjea

import Ember from 'ember';

export default Ember.Component.extend({
});

vasilionjea

import Ember from 'ember';

export default Ember.Controller.extend({
  canCreate: true,
  hasMax: true,
  
  items: [
    { isEnabled: true, name: 'duplicate'},
    { isEnabled: true, name: 'edit'},
  ],

vasilionjea

import Ember from 'ember';

export default Ember.Controller.extend({
  isValid: false,
  
  actions: {
    submit() {
      if (this.get('isValid') === false) {
        this._openFirstPanel();
      }