#React
19 件の記事
ReactとHistory APIを使ってrouterを自作する
ReactとHistory APIのpushState・popstateを使い、ライブラリに頼らずSPAのルーターを自作する方法を解説します。
Reactでマークダウンエディタをシャッとつくる
markedライブラリを使い、ライブプレビューに対応したReactのマークダウンエディタをサクッとつくる方法を解説します。
LaravelにbowerでReactを導入してみる
統合するLaravelとReact。bowerパッケージマネージャー、Babel、JSX構文、gulp/elixirによるビルド環境構築の実装手法を解説
LaravelにSPAを組み込む時に考えたディレクトリ構成とnginxのconfファイル
LaravelにSPAを組み込む際のディレクトリ構成と、フロントエンド／バックエンドを振り分けるnginxの設定を解説します。
![Reactでrequireしてたら、[BABEL] Note: The code generator has deoptimised the styling of](/ogp/react-babel-code-generator-warning.png)
Reactでrequireしてたら、[BABEL] Note: The code generator has deoptimised the styling of
Reactでrequireした際に出るBabelの「code generator has deoptimised」警告の原因と、ファイルサイズ最適化による解消方法を解説します。
React+react-redux+react-router+ES6+webpackで作るSPAボイラープレート
React・Redux・React-router・webpack・Babelで構成する、モダンなSPAボイラープレートのアーキテクチャを紹介します。
Reactでフォローボタンをつくってみる
Reactで、SNSのようなトグル状態とホバー挙動を持つフォローボタンコンポーネントをつくる方法を解説します。
React＋marked＋highlight
Reactのマークダウンエディタにmarkedとhighlight.jsを組み合わせ、シンタックスハイライト付きのコードブロックを描画する方法を解説します。
Reactで複数のinputを扱うフォームを実装する
実装するReactマルチ入力フォーム。ネストされたstateオブジェクト、controlled component、複数入力要素の状態管理パターン。
React+Reduxのディレクトリ構成検討
React+Reduxをアプリに組み込む際のディレクトリ構成の検討内容を紹介します。
ReactとReduxでSPAを構築するために参考にした記事
参考にするReact・Redux資源。SPA構築で役立つリポジトリ、記事、ReducerやAction、middleware、Redux Formの実装例集。
React Tag Autocompleteを使ってサジェスト付きタグ機能を実装する
実装するタグオートコンプリート機能。React Tag Autocompleteライブラリ、APIからのサジェスション取得、ハンドラー処理の実例。
redux-formのサーバーサイドバリデーションでpromissをいじってたら「Uncaught (in promise) error」
redux-formのサーバーサイドバリデーションで発生する「Uncaught (in promise) error」を、Promiseを返してSubmissionErrorを正しくthrowすることで解決する方法を解説します。
Laravelでajaxの際にCsrfTokenに引っかかった話
LaravelのAjaxリクエストでCSRFトークンに引っかかる問題を、VerifyCsrfTokenミドルウェアでAPIルートを除外して解決する方法を解説します。
Laravel+React+ES6+Browserify
BrowserifyとBabelのトランスパイルでReactをLaravelに組み込み、モジュール対応のモダンなES6コードを書く方法を解説します。
Laravel+React+Superagentでフォームを実装
実装するLaravel+React+Superagentのフォーム。API設計、FormRequest、JSON応答、Promise/Ajaxの実装パターンを詳細に解説
LaravelでRestAPIをつくる
LaravelのResourceControllerと認証ミドルウェアを使い、JSONレスポンスを返すREST APIをつくる方法を解説します。
OSSをはじめてみた話
GitHubでのオープンソース開発を始め、公開プロジェクトでの協働開発の基礎を学んだ話を紹介します。
入門 React ―コンポーネントベースのWebフロントエンド開発
入門 React ―コンポーネントベースのWebフロントエンド開発