宣言的UIはReact Hooksで完成に至り、現代的設計論が必須の時代になる - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は、ある程度以上の規模のGUI開発において、React Hooks以後の宣言的UIにより、大規模開発に用いられる設計論に完全に対応できるようになり「ビジネスロジックの変更や追加」に対応するコストを低く保つこと（技術的負債の抑制）ができるようになったことを解説するものです。 技術的負債の抑制には、技術的負債の原因となりがちな「広範囲の密結合」と「適切な疎結合を保つ仕組みの欠如」が欠かせません。それをカバーするのが、大規模開発をクリーンに行える設計論（ここでは「現代的な設計論」とよぶもの）です。クリーンアーキテクチャなんかでGUIに

[kaorun]

「宣言的UIは、Facebook社が開発したReactに端を発するものです」は、XAML派閥なC#erとしては聞き捨てならんな、という気持ちになるが、まぁそれはどうでもいい話。(「JSにおける」という枕詞がほしい)

[gabari]

「設計論に長けた開発者がGUIに必要になる」かもしれないが、結局そんな人あつまんねーよというのがxamlとかQMLの結論のような気もする。xamlはコードビハインドという必要悪でそこを妥協してる気がする

[NOV1975]

昔のシンプルなWebページからみると、フロントエンドは機能重視で複雑になったのをマシにする、の繰り返しで結局無駄に複雑になってる本質は変わんないよなあ。もっとぺとっとした仕組みで良いのよ。

[programmablekinoko]

個人的にはElmとElmの純js実装とも言えるHyperAppあたり触ったら理解が深まった / 本楽しみ、ASTの本はおせわになりました

[kvx]

オナニー感あるね

[monorod]

React Hooksはマジでよく出来てて感動したし、日本語の公式ドキュメントもすごくわかりやすいので、もう全部Reactで良いんじゃないかなと言う気持ちある

[strawberryhunter]

宣言的UIの定義がよく分からない。そもそもHTMLは宣言的じゃないの？

[n314]

this使いつつ純粋って言ってるのが気になるのと、jQueryなら片方のクラスをデフォルトにしてもう一方をtoggleする。たぶん一行。

[akabekobeko]

JSX はコード内 DSL な点がよい。連携はバインドがあれば十分で制御構造などはコードに任せられる。DSL よりコードのほうが拡張しやすく、それが Flux や Hooks に繋がったと思う。

[uehaj]

「完成」には苦笑する/ React HooksはUIに閉じたものではなく、モジュラーなロジックをどうUIに結合するか、という問題に解をだしている。XAMLとかFlutterとかと比較できるものではない。全然レベルの違う優れたもの。

[igrep]

“Haskellのような宣言的記述（関数型言語）で書かれたGUIフレームワークは元々宣言的だと思いますが”あっ、Haskellだと手続き型プログラミングできないと思っているタイプの発言だな...

[t10471]

自分の知ってるjsでdeclarativeって言ってたのはdojo.jsだったなー。全くはやらんかった orz https://dojotoolkit.org/documentation/tutorials/1.10/declarative/index.html

[natsumidesign]

(宣言的UIの元祖はReactでは無いとしても)昨今のGUIプログラミングにおいて、Reactの影響はかなり大きいと思う。Hooksも本当に素晴らしい。

[Makeneko]

- onClick={onClick} /> + onClick={handleClick} />

[shozzy]

言ってることはわかる／Reactは、宣言的といいながらプログラム中にHTML要素の断片が散らばる感じがイマイチで／ほぼHTMLじゃんってくらいに宣言的に書ける、Vueの書き方が好き

[maecchi]

ReactHooksは使いこなせるようになると世界観変わると思う。自分はまだその領域に達していないけど

[yarumato]

“なぜ宣言的UIが技術的負債（適切な疎結合＆密結合ができない）を取り除くことになるのか？そしてReact Hooks（純粋関数型コンポーネントに、ステートや副作用を宣言できる）で宣言的UIが完成に至るのかを解説”

[lalupin4]

\[Shift] + [F7]。

[t1mvverr]

テーブルやボタンなどの汎用コンポーネントを実装したらstorybookで管理し、flux系ライブラリと組み合わせてページをさくっと作る、みたいな流れになるのだろうか。

[onesplat]

大変よさげ

[Nyoho]

React Hooks 便利だな

[castaneai]

GUIの組み立ては宣言的に

[hinaloe]

魂が震えるやつ久々に聞いた

[Ioannes]

そうだよねとしか

[otihateten3510]

今読んでもピンとこない、SwiftUIある程度やってから読み直そう（それでも分からんかも）

[crexist]

力作

[jsstudy]

Haskell→Elm→Redux https://qiita.com/jooex/items/89ab4bf7c953a6f40069 "Elmアーキテクチャは、ReduxやCycle.jsから参照されています。Elm言語はv0.16以前はSignal（FRP）を使って仮想DOMで描画"　JS/AltJSの宣言的記述はReactよりもElmの方が先だった？