plansys/yard

Write ReactJS Component in PHP!

, _(*1)

Yard: ReactJS Component in PHP

This library allows you to write ReactJS Component in PHP Class., _(*2)

It works by creating React Component on-the-fly based on javascript generated by PHP., _(*3)

Vanilla PHP Installation

You can install Yard using composer:, _(*4)

composer require plansys\yard

Follow these steps to use yard:, _(*5)

1. Create my-project directory
2. Open terminal and execute composer require plansys\yard in that directory
3. Create pages, tmp and redux directory in my-project directory
4. Make sure /tmp directory is writeable by web server process (chmod 755 into this directory)
5. Create base.php and index.php file

After those steps, your directory structure should look like this:, _(*6)

my-project ├─ tmp (writable) ├─ pages ├─ redux └─ vendors ├─ ... └─ yard ├─ base (copy to /bases/default) ├─ src └─ ... └─ ... └─ base.php └─ index.php, _(*7)

Put this code into base.php file: ```php <?php, _(*8)

$host = str_replace("index.php", "", strtok($_SERVER["REQUEST_URI"], '?')); return [ 'name' => 'PLANSYS', 'offline' => false, 'settings' => null, 'host' => $host, 'modules' => [ '' => [ 'dir'=> dirname(FILE) . '/pages', 'url' => $host . '/pages', 'redux' => dirname(FILE) . '/redux' ] ], 'dir' => [ 'dir'=> dirname(FILE) . '/pages', 'base' => dirname(FILE) . '/vendor/plansys/yard/base/build', 'cache' => dirname(FILE) . '/tmp', 'root' => dirname(FILE) ], 'url' => [ 'base' => $host . '/vendor/plansys/yard/base/build', 'cache' => $host . '/tmp/[file]', 'page' => $host . '/index.php?p=[page]', ] ]; ```, _(*9)

And put this code into index.php file:, _(*10)

```php <?php, <sub>(*11)</sub>

require("vendor/autoload.php");, <sub>(*12)</sub>

$base = new \Yard\Base(dirname(FILE) . DIRECTORY_SEPARATOR . "base.php"); $yard = new \Yard\Renderer($base);, <sub>(*13)</sub>

$parr = explode('...', @$_GET['p']); $modearr = count($parr) > 1 ? explode(".", $parr[1]) : ['']; $mode = count($modearr) > 1 ? $modearr[1] : $modearr[0];, <sub>(*14)</sub>

if ($mode == 'css') { header('Content-type: text/css'); } else if (in_array($mode, ['js', 'jsdev', 'sw'])) { header('Content-type: text/javascript'); } $page = isset($_GET['p']) ? $_GET['p'] : 'builder:Index'; echo $yard->render($page);, <sub>(*15)</sub>

```, <sub>(*16)</sub>

Then open index.php in your browser., <sub>(*17)</sub>

Icons made by Freepik from www.flaticon.com is licensed by CC 3.0 BY, <sub>(*18)</sub>