<?php

use Sy\Component;

class A extends Component {
	
	public function __construct() {
		echo 'A Construct' . PHP_EOL;
		
		$this->mounted(function () {
		    echo 'A Mounted' . PHP_EOL;
		});
		
		$this->mount(function () {
		    echo 'A Mount' . PHP_EOL;
		    $this->setVar('SLOT', new B());
		});
		
		$this->added(function () {
		    echo 'A Added' . PHP_EOL;
		});		
	}
	
	public function __toString() {
		echo 'A Render start' . PHP_EOL;
		$res = parent::__toString();
		echo 'A Render end' . PHP_EOL;
		return $res;
	}
	
}

class B extends Component {
	
	public function __construct() {
		echo 'B Construct' . PHP_EOL;
		
		$this->mounted(function () {
		    echo 'B Mounted' . PHP_EOL;
		});
		
		$this->mount(function () {
		    echo 'B Mount' . PHP_EOL;
		});
		
		$this->added(function () {
		    echo 'B Added' . PHP_EOL;
		});		
	}
	
	public function __toString() {
		echo 'B Render start' . PHP_EOL;
		$res = parent::__toString();
		echo 'B Render end' . PHP_EOL;
		return $res;
	}
	
}

echo new A();

Code

Result

Component lifecycle

We can add hooks that are called during different moments at component rendering process:

Added event: when a component is added into another
Mount event: before the rendering of sub components
Mounted event: after the rendering of sub components

The Component class has 3 methods for registering callbacks for these events:

added(callable $callback)
mount(callable $callback)
mounted(callable $callback)