なぜモダンフロントエンドを使いたいのか 宣言的な制御編｜食べログ フロントエンドエンジニアブログ

こんにちは。FEチームリーダーの辻です。 食べログには技術情報を発信する社内ブログがあります。エンジニアはもちろん企画やデザイナーなど技術者ではない職種の方とも、食べログを支える技術や今後食べログに取り入れたい技術について共有しています。 この記事はその社内ブログで投稿したものです。 エンジニアでなくても理解しやすいよう、わざと大雑把に説明している部分もありますが、ご容赦いただけると幸いです。 ----------------------- はじめに食べログでは、 モダンフロントエンド（React）へのリプレースプロジェクトが進行中です。 2014年頃以降、React,Angular,Vue.jsなどのフレームワークやライブラリが流行し、いまも続いています。これらフレームワークやライブラリとその周辺技術をモダンフロントエンドと呼んでいます。 この記事では、そもそもモダンフロントエンドとはな

[queeuq]

jqueryでもこの人の定義で言えば宣言的に実装するだろう。jqueryは古い、reactだともっと生産性が高いとツールの問題にする人の思考ってこんな感じなのかな/無意味に他社の著作物を使ってるのカッコいいですね

[latena]

Svelte とか SolidJS みたいな脱仮想 DOM フレームワークはポストモダンってこと？

[jantyran7]

数年前にエンジニアやってた自分でさえもこのjQueryの使い方はしないし、この宣言的実装に似た形は慣例的に行われていたことだけはわかる。 ちょっと例えのレベルが低すぎるし、食べログのフロントこの程度かと驚く

[yarumato]

“宣言的な制御は、従来の命令的な制御に比べて、書き方がシンプルで実装が早くてバグりにくい。　宣言的な制御とは、状態を定義し今どの状態であるのかを指定する書き方”

[gabill]

jQueryでも手続型の例を愚直にやる事は少なく、「activeクラスの振る舞いを定義→クリックイベント発生→activeクラスが付いてるタブからactiveを外す→クリックされたタブにactiveクラスを付ける」で実装しそうではある。