react laravel下载 - react laravel源代码下载

react laravel

其他类别

0.14

下载

反应 Laravel

借助react-laravel您将能够直接从 Blade 视图中使用 ReactJS 组件，并具有可选的服务器端渲染，并且由于 JavaScript 不显眼，因此可以通过 React 在客户端上使用它们。

安装

V8js 依赖

重要的是要知道react-laravel间接依赖于 v8js PHP 扩展。

您可以在这里查看如何安装它：如何安装 v8js。

作曲家

将composer.json的minimum-stability设置为dev ，添加以下内容：

  “最低稳定性”：“开发”

然后运行：

  $ 作曲家需要 talyssonoc/react-laravel:0.11

之后，您应该将其添加到 Laravel 应用程序的config/app.php文件中的提供程序中：

  'ReactReactServiceProvider'

然后运行：

  php artisan 供应商：发布

react.php文件将位于应用程序的config文件夹中。

用法

安装和配置后，您将能够在视图中使用@react_component指令。

@react_component指令接受 3 个参数：

  @react_component(<组件名称>[, props, options]) //示例
  @react_component('Message', [ 'title' => 'Hello, World' ], [ 'prerender' => true ]) // 使用命名空间组件的示例
  @react_component('Acme.Message', [ 'title' => 'Hello, World' ], [ 'prerender' => true ])

componentName ：是保存组件的全局变量的名称。使用命名空间组件时，您可以使用点符号作为组件名称。
props ：将传递给组件的props的关联
options ：可以传递给react-laravel的选项关联数组：

prerender ：告诉react-laravel在服务器端渲染您的组件，然后将其安装在客户端。默认为true 。
tag ：保存组件的元素的标签。默认为'div' 。
html 属性：将添加到组件的包装元素中的任何其他有效的 HTML 属性。示例： 'id' => 'my_component' 。

您的所有组件都应该位于public/js/components.js内（您可以对其进行配置，请参见下文）并且是全局的。

您必须在视图中包含react.js 、 react-dom.js和react_ujs.js （按此顺序）。您可以使用 laravel-elixir 将这些文件连接在一起。

react-laravel提供了 ReactJS 安装和react_us.js文件，安装react-laravel并运行后，它们将位于public/vendor/react-laravel文件夹中：

  $ php artisan 供应商：发布 --force

要使用由react-laravel提供的文件和你的components.js文件，请将其添加到你的视图中：

  <script src="{{ asset('vendor/react-laravel/react.js') }}"></script>
  <script src="{{ asset('vendor/react-laravel/react-dom.js') }}"></script>
  <script src="{{ asset('js/components.js') }}"></script>
  <script src="{{ asset('vendor/react-laravel/react_ujs.js') }}"></script>

如果您将使用与react-laravel提供的版本不同的版本（请参阅composer.json ），则必须对其进行配置（请参阅下文）。

配置

您可以在config/react.php文件中将设置更改为react-laravel ：

  返回 ['source' => 'path_for_react.js','dom-source' => 'path_for_react-dom.js','dom-server-source' => 'path_for_react-dom-server.js','组件' => ['path_for_file_containing_your_components.js']
  ];

所有这些都是可选的。