2017-01-04 9 views
0

Im ReactJS(クライアント側)とLumen/Laravel(バックエンド)を使用して私の新しいプロジェクトを実装する予定です。クライアント側ReactJS with Lumen/Laravel

私はいくつかの質問、

  • を持っている私は、クライアント側のスクリプトでルーティングを達成することはできますか?
  • ロジック(コンポーネント)を複数のファイルに分割し、 をレンダリング(NPMなし)で一緒にするにはどうすればよいですか?
  • クライアントサイドのレンダリングだけでreactjsを使用する場合のベストプラクティスは何ですか?
+0

あなたはまだ[google](https://laracasts.com/discuss/channels/requests/reactjs-with-laravel)にチェックを入れていますか?あなたの質問があまりにも広すぎると思います。特に最後のものです。 –

+1

最後のコメントの理由は、私たちがserverside(MVC/HMVCなど)用に持っているもののようなファイルを整理する業界のベストプラクティスがあるかどうかを知ることです。さらに、Googleの検索には膨大な結果があり、必ずしも推奨される方法ではない可能性があります。この面で経験豊富な実践的な開発者からのご意見をお待ちしています –

答えて

1

最初の質問

あなたはすべてのあなたのフロントエンドルーティングを処理するためにreact-routerのようなものを使用することができます。私は一般に、すべてのフロントエンドの処理ルートに対してlaravelですべてのルートをキャッチし、apiリクエストに対しては別々のapiルートファイルをキャッチします。

react-router

例laravelルートファイル:

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

    // 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', '.*'); 

2番目の質問

ブラウザのサポートモジュールのは、実際に執筆の時に欠けています。ほとんどの場合、webpackを使用するか、ファイルを別に保存できるようにブラウズする必要があります。 1つまたは他のものを学ぶことはそれに値するものであり、多くの頭痛を軽減します。

3番目の質問

これはあまりにも広範StackOverflowのためです。反応文書から始める必要があり、文書に従うことで、反応をクライアントサイドレンダラーとして使用するためのベストプラクティスに従います。

関連する問題