带有 Lumen/Laravel 的客户端 ReactJS [关闭]答案

【问题标题】：Client Side ReactJS with Lumen/Laravel [closed]带有 Lumen/Laravel 的客户端 ReactJS [关闭]
【发布时间】：2017-01-04 00:47:53
【问题描述】：

我计划使用 ReactJS（客户端）和 Lumen/Laravel（后端）来实现我的新项目。

我有几个问题，

我可以只使用客户端脚本来实现路由吗？
如何将逻辑（组件）分成多个文件并带上一起渲染（没有 NPM）？
使用 reactjs 进行客户端渲染时的最佳做法是什么。

【问题讨论】：

呃，你检查过google了吗...？你的问题感觉太宽泛了..尤其是最后一个..
最后评论的原因是想知道是否有任何行业最佳实践来安排文件，例如我们在服务器端（MVC/HMVC 等）所拥有的文件。此外，搜索谷歌会带来大量结果，这可能并不总是推荐的路径。很想听听这方面经验丰富的动手开发者的意见

标签： php laravel reactjs lumen

【解决方案1】：

第一个问题

您可以使用react-router 之类的东西来处理您的所有前端路由。我通常会在 laravel 中为所有前端处理的路由提供一个捕获所有路由，并为 api 请求提供一个单独的 api 路由文件。

react-router

示例 laravel 路由文件：

// -- api stuff and thangs --
Route::group(['prefix' => 'api/v1'], function () {
    Route::get('me', 'UserController@index');
    Route::post('me', 'UserController@update');

    // 404 just for API sutff
    Route::any('{any}', function() {
        abort(404);
    })->where('any', '.*');
});

// -- all the frontend --
Route::any('{any}', function() {
    return view('app');
})->where('any', '.*');

第二个问题

在撰写本文时，确实缺乏对模块的浏览器支持。您几乎肯定需要使用 webpack 或 browseify 才能将文件分开。学习其中一个是值得的，并且会为您省去很多麻烦。

第三个问题

这对于 Stackoverflow 来说太宽泛了。您需要从 react 文档开始，通过遵循文档，您将遵循使用 react 作为客户端渲染器的最佳实践。

【讨论】：