Simone Poggiali gibbok

## app.tsx
import React from 'react';
import './App.css';
import { TableData } from '@actyx/industrial-ui'

function App() {
  type Item = Readonly<{
    id: string;
    description: string;
    value: string;
  }>;

## gibbok-snippet-so-dojo.js
/*
    Stack Overflow Dojo snippet to be included with copy/paste in answers.
*/

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    require([
      'dojo/domReady!'

## gibbok-fp-compose-fns.js
const compose = (f, ...fs) => x =>
  f === undefined ? x : compose(...fs)(f(x))

const add = x => y => x + y

const mult = x => y => x * y

const main = compose(add(3), mult(4), add(5), mult(6))

console.log(main(2))

## gibbok-values-remap-utility.html
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script>
        (function () {
            /*
                Values remap utility.
                Use case: Assigning custom values to a range slider.

## gibbok-pattern-oloo-serialization-deserialization.js
(function (window) {
     // example of OLOO pattern applied to object se serialization and deserialization
      var dataApi = '{"id":0,"top":10,"left":20,"width":100,"height":150}';
      var state = JSON.parse(dataApi);
      var base = {
          init: function (data) {
              var _data = data; // private
              // defined on object itself not on its protoype
              Object.defineProperty(this, 'id', {
                  get: function () {

## gibbok-pattern-oloo-pseudo-polymorphism.js
/*
  Behavior delegation examples
  OLOO (Objects Linking to Other Objects) pattern idea from Kyle Sypson
  Example at: Delegating Widget Objects
  https://github.com/getify/You-Dont-Know-JS/blob/master/this%20%26%20object%20prototypes/ch6.md
*/
// good example
var base = {
    a : 3,
    init: function(b, c) {
	import React from 'react';
	import './App.css';
	import { TableData } from '@actyx/industrial-ui'

	function App() {
	type Item = Readonly<{
	id: string;
	description: string;
	value: string;
	}>;
	/*
	Stack Overflow Dojo snippet to be included with copy/paste in answers.
	*/

	<!-- begin snippet: js hide: false console: true babel: false -->

	<!-- language: lang-js -->

	require([
	'dojo/domReady!'
	const compose = (f, ...fs) => x =>
	f === undefined ? x : compose(...fs)(f(x))

	const add = x => y => x + y

	const mult = x => y => x * y

	const main = compose(add(3), mult(4), add(5), mult(6))

	console.log(main(2))
	<!DOCTYPE html>
	<html>
	<head>
	<title></title>
	<meta charset="utf-8" />
	<script>
	(function () {
	/*
	Values remap utility.
	Use case: Assigning custom values to a range slider.
	(function (window) {
	// example of OLOO pattern applied to object se serialization and deserialization
	var dataApi = '{"id":0,"top":10,"left":20,"width":100,"height":150}';
	var state = JSON.parse(dataApi);
	var base = {
	init: function (data) {
	var _data = data; // private
	// defined on object itself not on its protoype
	Object.defineProperty(this, 'id', {
	get: function () {
	/*
	Behavior delegation examples
	OLOO (Objects Linking to Other Objects) pattern idea from Kyle Sypson
	Example at: Delegating Widget Objects
	https://github.com/getify/You-Dont-Know-JS/blob/master/this%20%26%20object%20prototypes/ch6.md
	*/
	// good example
	var base = {
	a : 3,
	init: function(b, c) {