「Laravel」でReactデビューしてみよう！ Laravel + Reactのセットアップ Laradock などで「 Laravel 」をセットアップしてください。 ブラウザで http://localhost にアクセスすると、Laravelの初期画面が出るようになっている状態から始めます。 この状態では、Bootstrap + Vue.js が利用できるようにセットアップされています。 これを React に変更します。 （ workspace コンテナ内） $ php artisan react React scaffolding installed successfully. Please run "npm install && npm run dev" to compile your fresh scaffolding. 自前でセットアップしたい場合は、下記のコマンドでフ
Laravelには強力なテンプレート言語であるBladeが存在していますが、世の中の大きな流れでViewをサーバーサイドではなくフロントエンドで行う形に移行しつつあります。 フロントエンドをJavaScriptで行い、同一画面で処理するアプリケーションのことをSPA（Single Page Application）と呼びます。 Laravelもそれらのトレンドに沿う形でフロントエンド技術を組み込む形で進化しています。 laravel/uiを利用することでReact（https://ja.reactjs.org/）またはVue.js(https://jp.vuejs.org/index.html)を気軽に組み込むことが出来ます。 本章では簡単なTodoアプリを作成する流れを通して、Laravelをバックエンドに、React.jsをフロントエンドに利用したアプリケーションの開発について解説して
Laravel6ではフロントエンドの開発を行う際にvue.js、Reactのどちらを利用するか選択できるように事前に設定が行われています。本文書ではvue.jsではなくReactに注目してReact Routerの設定方法とReactとLaravelとの連携方法の基礎を確認します。 本文書を読み終えると下記のことを理解することができます。 Laravel環境におけるReactの初期設定React Routerによるページリロードなしのページ遷移Reactをフロントエンド、Laravelをバックエンドとして、Laravelから取得したデータをReactを経由してブラウザに表示 LaravelとVue Router、vue.jsを利用したシングルページアプリケーションの基礎については下記の文書で公開しています。 環境の構築 ReactとLaravelの連携を前提にしておりLaravelの知識が
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
