Anton Halasny MagicControl

## true-inheritance.js
// 1. Call superclass constructor in the constructor of a child class with this of the child class:
//var A = function(){} - our superclass
var B = function(){A.call(this);}
// 2. Create a new object based on superclass prototype and assign it to the prototype of a child class:
B.prototype = Object.create(A.prototype);
// 3. Rewrite child class constructor:
B.prototype.constructor = B;
//Let's check it:
b instanceof B // true
b instanceof A // true

## wrong-inheritance-test-3.js
var A = function() {
  this.a = [];
}
A.prototype.hello = function() {
  console.log('Hello from A!');
}

var B = function(a) {
  if (a) {
    this.a = a;

## wrong-inheritance-test-2.js
b.a = 25;
console.log(b.a) // 25
delete b.a // true
console.log(b.a) // 10

## wrong-inheritance-test-1.js
var b = new B()

b instanceof A //true

b instanceof B //true

## wrong-inheritance.js
var A = function() {
  this.a = 10;
}

A.prototype.hello = function() {
  console.log('Hello from A!');
}

var B = function() {
}

## index.gsp
<!DOCTYPE html>
<html>
<head>
  <asset:javascript src="asset-pipeline.js"/>
</head>

<body>
<div>
  <span>Current time is:</span>
</div>

## index.gsp
<!DOCTYPE html>
<html>
<head>
  <asset:javascript src="asset-pipeline.js"/>
</head>
<body>
<div>
  <span>Current time is:</span>
</div>
<div id="app"></div>

## test-component.jsx
class TestComponent extends React.Component {
    constructor() {
        super();
        this.state = {date: new Date()};
    }

    componentDidMount() {
        this.timerID = setInterval(
            () => this.tick(),
            1000

## asset-pipeline.js
//= require react/react.min.js
//= require react/react-dom.min.js

## build.gradle
assets {
    minifyJs = true
    minifyCss = true
    enableSourceMaps = true
    minifyOptions = [
            languageMode  : 'ES6',
            targetLanguage: 'ES5'
    ]
}
	// 1. Call superclass constructor in the constructor of a child class with this of the child class:
	//var A = function(){} - our superclass
	var B = function(){A.call(this);}
	// 2. Create a new object based on superclass prototype and assign it to the prototype of a child class:
	B.prototype = Object.create(A.prototype);
	// 3. Rewrite child class constructor:
	B.prototype.constructor = B;
	//Let's check it:
	b instanceof B // true
	b instanceof A // true
	var A = function() {
	this.a = [];
	}
	A.prototype.hello = function() {
	console.log('Hello from A!');
	}

	var B = function(a) {
	if (a) {
	this.a = a;
	b.a = 25;
	console.log(b.a) // 25
	delete b.a // true
	console.log(b.a) // 10
	var A = function() {
	this.a = 10;
	}

	A.prototype.hello = function() {
	console.log('Hello from A!');
	}

	var B = function() {
	}
	<!DOCTYPE html>
	<html>
	<head>
	<asset:javascript src="asset-pipeline.js"/>
	</head>

	<body>
	<div>
	<span>Current time is:</span>
	</div>
	class TestComponent extends React.Component {
	constructor() {
	super();
	this.state = {date: new Date()};
	}

	componentDidMount() {
	this.timerID = setInterval(
	() => this.tick(),
	1000
	//= require react/react.min.js
	//= require react/react-dom.min.js
	assets {
	minifyJs = true
	minifyCss = true
	enableSourceMaps = true
	minifyOptions = [
	languageMode : 'ES6',
	targetLanguage: 'ES5'
	]
	}