Vue使いがReactに入門してみた感想スギモトノートコーヒーとスイーツとITとホームWeb開発Vue使いがReactに入門してみた感想2019/6/2こんにちは!スギモトです!普段はVue.jsしか使っていないのですが、ふとReactってどうなんだろう??と思い、業務の合間を見てReactに入門してみましたので、Vue使いから見たReactを紹介したいと思います。ちなみに、Reactのチュートリアルをやってから、簡単なアプリを1つ作ったレベルでこの記事を書いています。Code以外考えられませんので特筆すべきことはありません。あと、axiosは当然使えますし、テストもVueでJestを利用している場合はそのまま利用できますので差はないかと思います。UI」という本家っぽい名前のライブラリがありますのでまったく困りません。使い方もほぼ一緒でした。リンクReactのインストール※npmが使える状態を想定して進めます。startサクッと立ち上がると思いますReducerの理解に苦戦Vueとの大きな違いはStoreの記述方法ではないでしょうか。Vueの場合は、Vuexをimportすればストアに処理をゴリゴリ書いたり、stateを更新および参照したりできます。ReactはStoreのstateを更新するだけでも中々の記述量があります。ほとんどわかってないだけかもしれませんが......。VuexのActionのイメージを持ったまま、React/Reduxの世界に行くと中々混乱しました。聞き慣れない「Reducer」とかいう言葉も出てくるし。調べたところ、Actionでやりましょうとのこと。エラーに......。なんで??とここで小一時間ハマりました。「redux-thunk」というミドルウェアが必要とか。Reducerに記述するものなのかと考えていたのですが、Reactは本当に最小構成になっていて必要なものはあとから追加していくスタイルなんですね。理解していけば「シンプルでいい!!」となるのかもしれませんが、初学者にとってはハマりポイントが多いかもしれません。まとめ以前、VueはEasyでReactはSimpleと聞いたことがあるのですが、今回はじめてReactに入門したみたところ腑に落ちました。どちらがいいとか悪いとかはまだ自分の技量では言えませんが、感覚的にはモダンなフロントエンド初心者にはVueを勧めたいです。今回、かなり勉強になったのでもう少しReactで遊んでみようと思います。そのうちAngularにも挑戦したいなぁ。【Window10】初心者でもイケそうなGitクライアント3つ選んでみたVuetifyのDataTableの列幅を固定にする方法Vue.jsのUIライブラリ「Element」使ってみたファミマのバターコーヒーの新作!「バターココア」飲んでみた!【2019年】買ってよかったモノたちを発表します!【上期】スギモト(@sugimotonote)です。今年で31歳になりました。新卒で独立系SIerに入社して気がつけば8年。ここ何年かは某大手メーカーに常駐して社内SEとしてレガシーな業務システムをモダン化しています。