ランサーズ等のサービスを開発・運用する中で得た知識やノウハウを紹介しています。

Labels:  DevOps, JavaScript 投稿者:tsuyoshi

React Redux を用いた SPA 新規サービスを運用して得た知見と実装例

@tsuyoshi です。先日行われた React Redux を用いた SPA 新規サービスを運用して得た知見と実装例 と言うイベントで使ったスライドをアップロードしました。 https://pook.life/ と言うサービスをReact Redux の SPA で運用して得た知見などを共有できればと思い。公開してみた次第です。

内容としては

  • 利用しているライブラリや開発環境、開発フロー
  • コードベースでの実装例の紹介
  • その他 SPA サービスを運用する上での構成や知見

など、実例や結果を交えながら説明しています。
何かの参考になれば幸いです。

スライドを貼ってますが、以下のgoogle スライドで見た方が、アニメーションとか動いて見やすいかもしれません。
https://docs.google.com/presentation/d/1TIEg5rYJ9vlWTSO6etwupBBO0egapA1lIwVh3Fw4k84

ランサーズではサービスを成長させてくれるエンジニア、デザイナーを募集しています!
ご興味がある方は、以下URLよりご応募ください。

PHPエンジニア
Rubyエンジニア
サーバーサイドエンジニア
SREエンジニア
フロントエンドエンジニア
その他採用情報

関連記事

thumbnail
企画/開発の境目を取り除こうとしていたら プロジェクトにおける6つの問い をつくっていた話

ランサーズCTOの横井です。 元々ランサーズではプロダクト開発部というところの部長もやっていたのですが、10月の組織変更で改めてプロダクト企画部長も兼任となりました。これまで以上に統合的にプロダクトづくりに取り組んでいけるんじゃないかなーと思っております。 … …

thumbnail
redux-persist でブラウザストレージに一部のデータを保存しつつ、ストアに復旧するまで render を防ぐには

森です。 課題 redux-persist を使っていて、ブラウザリロード時にブラウザストレージからストアにデータを復旧する前に render されるのを防ぎたい。ストアに値があることが前提のコンポーネントでエラーになるから。公式ドキュメントとしてレシピがあっ …

thumbnail
コールバックスタイルの外部ライブラリなどの関数を redux-saga で使うには

森です。本日の課題とその対処です。 課題 外部ライブラリの関数が、コールバックスタイルのため、redux-saga の自前実装部分との実装の統一感がない。たとえば、navigator.geolocation.getCurrentPosition で現在地を取得 …