arryanggaputra/viewreact

基于 react-php-v8js 渲染 ReactJS 组件

维护者

详细信息

github.com/arryanggaputra/ViewReact

源代码

问题

安装: 3

依赖: 0

建议者: 0

安全: 0

星星: 3

关注者: 1

分支: 0

开放问题: 0

1.0.0 2017-10-15 16:14 UTC

Requires

  • ext-v8js: >=0.1.3

MIT a4e4edcb6fd15c71769ea0cace7edd88968a47b7

  • Arryangga Aliev Pratamaputra <arryanggaputra.woop@gmail.com>

This package is not auto-updated.

Last update: 2024-09-29 04:25:59 UTC

README

ViewReact 是一个 PHP 库，它利用 Facebook 的 React 库和 React-PHP-V8Js 的力量，在服务器端使用 PHP 以及在客户端渲染 UI 组件。

鸣谢

先决条件

有关如何设置 V8Js PHP 扩展的教程，请使用以下链接

使用方法

  1. 准备或创建 ReactJs 包脚本
import React from 'react'
import ReactDOM from 'react-dom';
import ReactDOMServer from 'react-dom/server';
import HelloWorldComponent from "./HelloWorldComponent";

window.React = React;
window.ReactDOM = ReactDOM;
window.ReactDOMServer = ReactDOMServer;
window.HelloWorldComponent = HelloWorldComponent;
  1. 将 ReactJs 包脚本放置到 ViewReactSource
use Arryanggaputra\ViewReact;
use Arryanggaputra\ViewReactSource;

$reactSource = new ViewReactSource('/path/your/react/or/bundle/*.js');
$view        = new ViewReact($reactSource);
echo $view->render('HelloWorldComponent', [
    'name'        => 'Jon',
]);

结果

<div data-reactid="11"><div data-reactid="12"><h1 data-reactid="13">Hello World <b>John</b></h1></div></div>