istarkov

// How to check array access
const arr = [];

const proxiedArr = new Proxy(arr, {
  set(target, name, value) {
    console.log(target, name, value);
    // console.trace();
    target[name] = value;
    return value;
  },

istarkov

// no string get
const get = (fn, def) => {
  try {
    return fn();
  } catch (e) {
    return def;
  }
};

// usage example

istarkov

How to setup atom with nuclide plugins.

You need to install next packages

• hyperclick
• nuclide-diagnostics-store
• nuclide-diagnostics-ui
• nuclide-flow

You need to add .flowconfig

istarkov

// promise
const sleep = (timeout, v) => new Promise(r => setTimeout(() => r(v), timeout));
// series to call
const series = [() => sleep(1000, 1), () => sleep(1000, 2), () => sleep(1000, 3)];

// serialize
const r = series
  .reduce(
    (m, p) => m.then(v => Promise.all([...v, p()])),
    Promise.resolve([])

istarkov

Similar js toExponential method, but returns result in power format, instead of Xe-1 it returns X⋅10⁻¹

Usage example:

console.log(toPower(3, 111)); // out 1.110⋅10²
console.log(toPower(3, 0.00000000000000123)); //out 1.230⋅10⁻¹⁵

istarkov

How to style React components

If you use sass and css-modules and want to restyle some base component without changing its code. (base component already use css-modules and exposes styles property)

I know two way how to do it.

1. Using composes css-modules operator. Just extend classes you need, then in javascript code combine both styles as {...baseStyle, ...myStyleSimple}