maki@cebuUdemyでReactとReduxを学んでみた【レビューする】ツイートシェアはてブLINEPocketスポンサーリンクモダンなJSに興味を持ったので、年末年始セールで安くなっていたUdemyの講座(1,000円程度)を購入し、でReactとReduxを学んでみました。今回は「最短で学ぶReactとReduxの基礎から実践まで」という講座をレビューしていきます。最短で学ぶReactとReduxの基礎から実践までの価格を確認するこれからReactとReduxを勉強しようかなと思っている人の参考になれば幸いです。まとめUdemyでReactとReduxに関して学んだことこの講座では以下のことが学べます。・bable(ES6をES5に変換する)のインストール・Webpack(利用しているjsファイルを1つにまとめる)のインストール・Eslint(jsの検証ツール=赤い下線で怒ってくれる人)のインストール・Sass/Scssの導入Reactの基礎:・Component・Props・stateなどの概念に触れつつ、コードに落としていきます。参考になった記事:https://qiita.com/KeitaMoromizato/items/0da6c8e4264b1f206451Reactの実践:上記の基礎をふまえた上で、WEBアプリケーションを開発していきます。・値段、レビュー数などでソートさせるという感じです。APIを活用して、サーバレスにしていきます。Routerで新しいコンポーネントを表示させる)ReactをReduxで変換:ここまで作ったReactのWEBアプリケーションをReduxで変換させていきます。参考になったサイト:https://qiita.com/soarflat/items/bd319695d156654bbe86スポンサーリンク実際に作れたものを紹介という訳で動画をさらいつつ、できたものをご紹介します。東京タワーとかナゴヤドームと検索すると、マップが出て周辺のホテルの情報が表示されます。URLのパラメータを変更してもそのまま検索枠に反映されて検索結果がでます。値段やレビュー数でソートできます。スポンサーリンクどんな人におすすめかこの動画がどんな人におすすめかをまとめておきます。逆に、JavaScript全くやったことないです!という人にはあまりおすすめできません。本講座を受ける時の注意点です。動画撮影時のバージョンと現時点の最新のReact、Reduxのバージョンが違うので、環境構築時に結構エラーが出ます。このコースに投稿されているQ&Aを最初にみて、どういうエラーが報告されているかをあらかじめ確認した上で、環境構築に臨むべきかと思います。するときに@をつけてバージョン指定をし、最新よりはちょっとバージョンを落としつつやってました・・・。最近では、開発者用のKeyが必須になっているようで、自分のGoogleアカウントから登録してKeyを取得しなければなりません。function」というものが出てしまうので、バージョンを@5.0.6でやる必要がある、など、色々と難しかったですね。モダンなJSおそるべしです。まとめという訳でこの動画の再生時間は6.5時間なのですが、色々調べたり、環境構築でつまづいていると28時間ぐらいかかってしまいました。最後の方は追いつくのに必死でしたが、概念を理解する上では良い動画であり、Progateやドットインストールよりはかなり濃い内容だったかなと思います。Band初心者におすすめな動画を紹介するよ【実際に曲作ってみた】プロフィールマキ日本にある外資系IT企業にて3年→セブ法人でブリッジSEを1年→フリーランスとなりました。これからもゆるく海外に住み続けます。