aneurysmjs

Say we have a prop.users of the shape:

const users = [
    {username: 'bob', age: 30, tags: [{name: 'work', id: 1}, {name: 'boring', id: 2}]},
    {username: 'jim', age: 25, tags: [{name: 'home', id: 3}, {name: 'fun', id: 4}]},
    {username: 'jane', age: 30, tags: [{name: 'vacation', id: 5}, {name: 'fun', id: 4}]}
];

aneurysmjs

const data = [
    {username: 'bob', age: 30, tags: ['work', 'boring']},
    {username: 'jim', age: 25, tags: ['home', 'fun']},
    {username: 'jane', age: 30, tags: ['vacation', 'fun']}
];

R.filter(R.where({tags: R.contains('fun')}))(data);

const users = [
    {username: 'bob', age: 30, tags: [{label: 'work'}, {label: 'boring'}]},

aneurysmjs

/**
 * @param {Function} fn Function to curry.
 * @param {Number} lenght The arguments required to invoke the function. Optional. By default is fn.length
 * @returns {Function} The currified function.
 */
function curry(fn, length) {
  length = length || fn.length;
  return function currified() {
    var args = [].slice.call(arguments);

aneurysmjs

/*
 * @desc closure in loops
 */

// the problem here, is we're thinking we're getting
// a new 'i' for each iteration, so at the end it only
// prints 6, because 'i' is 6 at the end of the loop and
// the timers runs after so it'll print 6.
for (var i = 0; i <= 5; i += 1) {
  setTimeout(function () {

aneurysmjs

// Axioms

bind(init(value), f) === f(value)

bind(monad, unit) === monad

bind(bind(monad, f), g) === 
 
bind(monad, function (value) {
  return bind(f(value), g);

aneurysmjs

// Partial application and currying are two different techniques for specializing a generalized function

// Partial application takes some of the arguments now and then takes all of the rest arguments later

 function partial(fn, ...firstArgs) {
  return function applied(...lastArgs) {
    return fn(...firstArgs, ...lastArgs);
  };
}

aneurysmjs

// The type of a box is always defined by the 'display' property: 

/**
 * block: 
 * 100% of parent's width
 * vertically, one after another
 */

/**
 * inline-block:

aneurysmjs

/**
 * understanding .constructor property
 */

function User() {

}

// when functions are created, they're given a "prototype" property which is an object
console.log(User.prototype);  // {}

aneurysmjs

const connect = (mapStateToProps) => (Component) => {
  return class Connect extends React.Component {
    state = mapStateToProps(store.getState());
    
    componentDidMount() {
      // когда store меняется, обновит компонент
      this.unsubscribe = store.subscribe(this.update);
    }
    
    componentWillUnmount() {

aneurysmjs

const { PerformanceObserver, performance } = require('perf_hooks');

const obs = new PerformanceObserver((items) => {
  console.log(items.getEntries()[0]);
  performance.clearMarks();
});

obs.observe({ entryTypes: ['measure'] });

const has = Object.prototype.hasOwnProperty;