Mackerel のフロントエンド "React化" プロジェクトを支える技術と設計 - Hatena Developer Blog

こんにちは, Mackerel 開発チーム アプリケーションエンジニアの id:susisu です. 現在 Mackerel では, Web コンソール画面の開発に使用しているフレームワークを, これまで使用してきた AngularJS から React へ移行することを中心とした, フロントエンド開発の刷新プロジェクトを行っています. このプロジェクトの立ち上げについては以前 Hatena Engineer Seminar で発表しましたが, そこでは時間の都合もあり, 技術的側面についてはあまり深く掘り下げることは出来ませんでした. ということでこの記事では, より技術的な面にフォーカスしてプロジェクトの内容をご紹介できればと思います. "React化" プロジェクトについて Mackerel の開発は 2014 年ごろから始まりましたが, フロントエンドのフレームワークとしては当初か

[carolina04]

“ここで Model は上記のサービスや API クライアントからなる部分で, また View は通常の React コンポーネント, Presenter はカスタムフックを使って記述しています. このようにコンポーネントを View と Presenter に分離しつつ, View

[ledsun]

JSのついていないAngularじゃなくて、Reactを選んだ、なにか理由があるのかな？

[rlho]

“スナップショットテスト”

[nkgr]

おー。AngularJSからか。

[mizdra]

ここの技術や設計を採用するに至った根拠が整理されていて、しかもきちんと言語化されていてすごい

[respectbookmark]

参考になる

[spring_raining]

段階的に移行できてるのすごい

[griefworker]

ViewをReactコンポーネント、Presenterをカスタムフックを使って記述しているとのことだけど、サンプルコードが欲しい。

[krrrr]

しゅごい

[Pasta-K]

先日からMackerelチームでReact化プロジェクトに関わり始めたけど、テストやアーキテクチャの基盤などがある程度揃えられていて、コードやデザインドックからこういう感じなんだなと掴めて便利でした！！

[daiksy]

Mackerelで現在取り組んでいるフロント刷新プロジェクトの技術解説です