2018年は脱React の年だった。オワコン React

**Name_Not_Found** · 2018/12/27(木) 12:00:49.55

2017～2018年に突如出現したReactは
2018年の間にシェアを大きく減らした
2018年は、脱Reactの年だった。オワコンReact

Usage Trend
https://w3techs.com/technologies/history_overview/javascript_library/all/y
React：　2017年1月なし、2018年1月 0.5%、2019年1月 0.2%

Market Share Trend
https://w3techs.com/technologies/history_overview/javascript_library/ms/y
React：　2017年1月なし、2018年1月 0.7%、2019年1月 0.2%

※2019年1月は正確には2018年12月27日現在のデータ

**Name_Not_Found** · 2018/12/27(木) 12:18:40.52

毎年のようにフレームワークが変わって
フロントエンド（笑）は大変だなぁｗ

**Name_Not_Found** · 2018/12/27(木) 20:32:07.06

jqueryしか触らないことにしてる
どうせSPAとか縁遠い世界の話だし

**Name_Not_Found** · 2018/12/28(金) 19:40:44.78

フロントエンドってなんでこんなにツール変わるの？バカなの？

**Name_Not_Found** · 2018/12/31(月) 13:55:18.37

「関心の分離」と言い訳してるがJSX記法は無理だわ
JavaScriptの中にHTML埋め込むのは生理的に受け付けない

HTMLタグ内にstyle属性いれてCSS書き込むようなものじゃん
密結合させて可読性下げるだけの愚行
単一ファイルコンポーネントにvue拡張子ファイルで分離するvue.jsが伸びるのは必然だろう

**Name_Not_Found** · 2018/12/31(月) 18:17:05.17

確かにコンポーネント単位で密結合にしてるんだがその引き合いに出すのがよりによってコンポーネント単位で１ファイルにまとめるvueファイル形式とはね笑

**Name_Not_Found** · 2018/12/31(月) 18:57:44.40

javascriptにHTMLを密結合してるJSXと
ファイル内で明確にテンプレート　スコープドCSS　Javascriptで別れてる(疎結合)なVueは違うじゃん

**Name_Not_Found** · 2018/12/31(月) 19:06:58.59

密結合だ密結合だ！っていうけどそりゃその通り。密結合にしていい単位でコンポーネントに分割せよってのがreactなんだから。
その結果のコンポーネント見て密結合なのは当たり前。
刑務所見学に行って犯罪者で一杯だ！って喚いてるようなもん。
何を主張したいのかサッパリ分からない。

**Name_Not_Found** · 2018/12/31(月) 19:23:59.68

＞HTMLタグ内にstyle属性いれてCSS書き込むようなものじゃん
この1文で理解できないならもう何もいうことはない
ソースの可読性が悪い

**Name_Not_Found** · 2018/12/31(月) 22:54:21.10

>>8
> 密結合だ密結合だ！っていうけどそりゃその通り。密結合にしていい単位でコンポーネントに分割せよってのがreactなんだから。

普通のネイティブアプリならそれで良いかもしれないけど、
ウェブの場合、いろんなOSで動かすから
特定のOSのインターフェースにはできないんですよ

つまりサイトごとにデザインが違っていて、
コンポーネントとデザインは分離するのが常識なんですよ

CSSを密結合にしてはいけない

HTMLに関しても、JavaScriptが動かないブラウザでも
見れるようにするべきなのだから、分離しなければいけない

**Name_Not_Found** · 2019/01/01(火) 03:26:47.37

じゃ分離すれば？
cssinjsやstyledcomponentの採用は任意だよ。reactと直接関係ない。
真鯛にしょうゆつけて食ってしょうゆはダメだ塩じゃなきゃと喚いてるのと同じ。
そこに塩があるぞ。勝手に使え。

**Name_Not_Found** · 2019/01/01(火) 04:44:56.58

cssinjsやstyledcomponentを採用しないならReactを使う意味がない
普通にHTMLとCSSとjQueryを使ったほうが良い

**Name_Not_Found** · 2019/01/01(火) 05:26:33.15

このスレ、意味わからない例えするおじさんいるの？

**Name_Not_Found** · 2019/01/01(火) 05:33:25.38

それはおまえだぁ

**Name_Not_Found** · 2019/01/01(火) 08:15:27.26

コンポーネント単位にしてるけどjsxとはいえほぼhtmlと同じ書き方にしてる
cssは外に追いやった
sassが使いやすいし、そもそもjsファイルの中にstyle書くとファイルが長くなる

あとcssがコンポーネント単位でしか使えないのと、わざわざ他のコンポーネントのpropsに渡さないといけないし
階層構造も作れないからstyleはこれまで同様に外でcssで書くべきじゃないかな

**Name_Not_Found** · 2019/01/01(火) 09:36:41.24

ブログ本文や記事みたいな文書も
コンポーネントの中に入れるのは不自然

**Name_Not_Found** · 2019/01/01(火) 12:38:30.49

Reactに関しては半年以上前の記事はもう古いから見ても今の最新の環境では使えないことも多い

その代わり自分で調べたりgithubのソース眺めたりするようになるからかなり勉強にはなる

**Name_Not_Found** · 2019/01/01(火) 12:53:41.26

ただし勉強して得た知識は、半年で古いものになってしまう

**Name_Not_Found** · 2019/01/01(火) 13:28:44.40

公式のブログとドキュメント見ておけば取り残されることはない
特にブログは更新に関して大事なトピックス書いてるからチェックは必須

vueが勢いあるけどReactがFacebookやインスタで自社商用利用しているのとはわけが違うからしばらくはReactで様子見
ReactはFacebookと運命共同体という安心感がでかい
小さいプロダクトでvueを試しておきたいが個人的にまだ機会がない

**Name_Not_Found** · 2019/01/01(火) 14:41:42.96

Reactはとにかくめんどくさい
ブラウザの履歴すら自分で管理しないといけないから、前のページでやり残したことがあると
次のページにそれらが残ってバグを簡単に作ってしまう

大規模サイトでやるべき、というけど簡単にバグを出すから複数人でReactを使うとものすごく険悪な雰囲気になる
Reactは一人で使うべき

**Name_Not_Found** · 2019/01/02(水) 04:22:50.12

それはあなたのレベルが低いだけの話では

**Name_Not_Found** · 2019/01/02(水) 09:38:20.89

高いレベルが必要です。と言われても困るわけだがｗ

レベルが高い低いかじゃなくて、作業が増えるか減るかで考えましょうや
Reactにすると、作業が増えますよね？

**Name_Not_Found** · 2019/01/02(水) 09:43:31.48

ReactにするとjQueryより作業が減るけど？

**Name_Not_Found** · 2019/01/02(水) 09:43:46.53

だってReactがなんでもやってくれるから

**Name_Not_Found** · 2019/01/02(水) 10:13:33.49

例えばどんなことをやってくれるの？

ライブラリじゃできないこと？

**Name_Not_Found** · 2019/01/02(水) 11:44:24.62

SPAのルーティングとかjQueryじゃできない

**Name_Not_Found** · 2019/01/02(水) 13:24:33.52

pushstateもまたreactと関係ないがな
お前がreactと関係ないpushstate使おうとして分からなくてreactのせいにしてるだけ。
こういうすべて一体になってる前提の的はずれ批判するのはrailsやangularユーザーに多い。

**Name_Not_Found** · 2019/01/02(水) 14:39:12.29

誰にむかってイキってるんだよ？笑

**Name_Not_Found** · 2019/01/03(木) 01:15:33.64

>>26
必要もないのにSPAにして難しーっていってるだけじゃねｗ

**Name_Not_Found** · 2019/01/03(木) 02:19:11.79

スマホアプリとして利用してもらうためにSPA化するのは必須じゃないか？
必要がないのだとしたらwebアプリケーションを作った経験がない
ペライチ(ランディングページ)しか作ったことがないHTMLコーダーってことだよね？

web制作って静的HTML限定なの？
フロントエンドエンジニア
バックエンドエンジニア
もいるものだと思ってたが違ったのか…

**Name_Not_Found** · 2019/01/03(木) 05:09:52.44

> スマホアプリとして利用してもらうためにSPA化するのは必須じゃないか？

※ただしスマホアプリとして利用してもらう場合に限る

って書かないと駄目でしょ。
ほとんどのサイト運営者は、スマホアプリとして利用してもらおう
なんて考えてないんだから、レアケースだよそれは

**Name_Not_Found** · 2019/01/03(木) 05:12:09.30

> web制作って静的HTML限定なの？

限定ではないが大半

> フロントエンドエンジニア
> バックエンドエンジニア
ほとんどのサイトは、バックエンドはウェブサーバーのみ
もしくはブログ動かすのに必要なMySQLが追加で必要なぐらい

フロントエンドの殆どは、そこでウェブサーバー（＋MySQL）で
動かすHTMLとブログ運営者なので
エンジニアと呼べるレベルが必要なのはレアケース

**Name_Not_Found** · 2019/01/03(木) 11:15:24.14

SPAはバックエンドから取得したデータをきちんとjsで管理しないといけない
当たり前だがjsもメモリリークは存在するから不要なメモリはしっかりと破棄しないとモッサリになるからな

そういう意味でフロントはhtmlとcssだけやれていればいいという時代はとっくに過ぎた

**Name_Not_Found** · 2019/01/03(木) 15:33:22.66

>>31
>ほとんどのサイト運営者は、スマホアプリとして利用してもらおうなんて考えてないんだから
流石にこれはないわ
ビジネスモデルが広告のサイト運営だと60％くらいがスマホからのアクセス
PWA化してスマホのアプリ一覧に入れてもらうのが2019年の定番だぞ
なんせPCと違い広告クリック率がスマホは段違いに良いので無視するのはありえない

**Name_Not_Found** · 2019/01/03(木) 21:47:22.08

>>33
> そういう意味でフロントはhtmlとcssだけやれていればいいという時代はとっくに過ぎた

意味がわからん。客からの要求がHTMLとCSSで作れるものなのに
なんでJavaScriptを使わなきゃならんのだ？

手段と目的が逆になってるだろ。
JavaScript使うのが目的だーになってるだろ？

**Name_Not_Found** · 2019/01/03(木) 21:48:03.33

>>34
> ビジネスモデルが広告のサイト運営だと60％くらいがスマホからのアクセス

スマホサイトからのアクセスですよ？
スマホアプリからのアクセスじゃない。

あなた、区別ついてないですよね？

**Name_Not_Found** · 2019/01/03(木) 21:57:48.87

jqueryだけで十分

**Name_Not_Found** · 2019/01/03(木) 21:59:25.68

「うちのサイトは60%がスマホからのアクセスです」

バカ社長「ということは、スマホアプリにしてインストールしてもらえば
もっとスマホからアクセスが増えるのではないかね」

「いえ、スマホアプリをインストールする人は少ないし、
仮にインストールするにしても、今スマホサイトからアクセスしてる人が
アプリからのアクセスに変わるだです。
そもそもうちのサイトにアクセスしない人はインストールしません。
なのでアクセスの総量は変わりません」

バカ社長「PWA化してスマホのアプリ一覧に入れてもらうのが2019年の定番って聞いたぞ」

「たんなる営業です」

**Name_Not_Found** · 2019/01/04(金) 03:41:52.94

まあ去年Googleのエンジニアがイベントで日本来たときPWAの定義聞かれてそんなものはない単なるマーケティング用語だ言っちゃったからなｗ
サービスワーカーとかwebappマニフェストとかpushapiとか個々の技術用語でやって欲しいよ。

**Name_Not_Found** · 2019/01/04(金) 07:30:34.34

>>35
別にお前に向けて言ってないから勘違いすんな

**Name_Not_Found** · 2019/01/04(金) 09:24:52.37

>>40
俺がお前に向けていってるんだよ
俺のレスに反対意見がないなら黙ってろ