FFFT

主にwebプロダクト開発に関連する話をつらつらと

フロントエンド

SPAの状態管理のパターンとパターン分けの考え方

SPAの状態管理のパターンとパターン分けの考え方についてまとめたいと思います。 SPAの状態管理のパターンとパターン分けの課題 フロントエンドで持つ「状態」には様々なものがあります。 認証情報 検索クエリ APIをコールして取得するサーバサイドで管理さ…

フロントエンドアプリケーションへのSentry導入のススメ

Sentryはさまざまな言語に対応しているイベントログ収集ツールです。 サーバサイドのエラー検知にも大変便利に働くのですがやはりなかなか検知と詳細の把握が難しかったフロントエンドで最大の価値を発揮します。 エラーの発生デバイスやブラウザ、ユーザー…

react-reduxアプリケーションにSentryを導入する

react-reduxのアプリケーションにSentryを導入していきましょう。サンプルのプロジェクトはcreate-react-appを使用して下記の条件で作っています。 "react": "^16.4.1", "react-dom": "^16.4.1", "react-redux": "^5.0.7", "react-scripts": "1.1.4", "redux…