Ahmad Bamieh Bamieh

## understanding-immutable-record.md

      
              1 file
            
          
              3 forks
            
          
              2 comments
            
          
              72 stars
            
          
                jareware
                / understanding-immutable-record.md
            
            
              Last active
              November 14, 2022 14:58
            
          
    Important: At the time of writing (2019-11-11) Immutable.js is effectively abandonware, so I can no longer recommend anyone to follow the advice given here. I'll leave the article here for posterity, since it's still getting some traffic.
Understanding Immutable.Record

Functional programming principles and with it immutable data are changing the way we write frontend applications. If the recent de-facto frontend stack of React and Redux feels like it goes perfectly together with immutable data, that's because it's specifically designed for that.
There's several interesting implementations of immutable data for JavaScript, but here I'll be focusing on Facebook's own Immutable.js, and specifically on one of i

  
## wcr_lazyload.html
<!doctype html>
<html>
<head>
<base href="https://polygit.org/components/">
<!-- <script src="webcomponentsjs/webcomponents-lite.min.js"></script> -->
<link rel="import" href="paper-input/paper-input.html">
<link rel="import" href="paper-button/paper-button.html">
</head>
<body>

## triplet-color-theory.jpg

      
              2 files
            
          
              7 forks
            
          
              0 comments
            
          
              42 stars
            
          
                gr2m
                / triplet-color-theory.jpg
            
            
              Last active
              July 28, 2021 08:02
            
          
## app.html
<!DOCTYPE html>
<html>
<head>
  <style>
    body.loading #splash {
      opacity: 1;
    }
    #splash {
      position: absolute;
      top: 0;

## AuthorizationHOC.js
import { emptyObject } from 'fbjs/lib/emptyObject';
import { connect } from 'react-redux';
import { pushState } from 'redux-router';
import pure from 'recompose/pure';
import defaultProps from 'recompose/defaultProps';
import doOnReceiveProps from 'recompose/doOnReceiveProps';
import renderNothing from 'recompose/renderNothing';
import renderComponent from 'recompose/renderComponent';
import branch from 'recompose/branch';
import compose from 'recompose/compose';

## gist:8035740
function boyer_moore_horspool(haystack, needle) {
    var badMatchTable = {};
    var maxOffset = haystack.length - needle.length;
    var offset = 0;
    var last = needle.length - 1;
    var scan;

    // Generate the bad match table, which is the location of offsets
    // to jump forward when a comparison fails
    Array.prototype.forEach.call(needle, function (char, i) {
	<!doctype html>
	<html>
	<head>
	<base href="https://polygit.org/components/">
	<!-- <script src="webcomponentsjs/webcomponents-lite.min.js"></script> -->
	<link rel="import" href="paper-input/paper-input.html">
	<link rel="import" href="paper-button/paper-button.html">
	</head>
	<body>
	import { emptyObject } from 'fbjs/lib/emptyObject';
	import { connect } from 'react-redux';
	import { pushState } from 'redux-router';
	import pure from 'recompose/pure';
	import defaultProps from 'recompose/defaultProps';
	import doOnReceiveProps from 'recompose/doOnReceiveProps';
	import renderNothing from 'recompose/renderNothing';
	import renderComponent from 'recompose/renderComponent';
	import branch from 'recompose/branch';
	import compose from 'recompose/compose';
	function boyer_moore_horspool(haystack, needle) {
	var badMatchTable = {};
	var maxOffset = haystack.length - needle.length;
	var offset = 0;
	var last = needle.length - 1;
	var scan;

	// Generate the bad match table, which is the location of offsets
	// to jump forward when a comparison fails
	Array.prototype.forEach.call(needle, function (char, i) {