Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
最短で学ぶReactとReduxの基礎から実践まで
Rating: 3.6 out of 5(558 ratings)
2,983 students

最短で学ぶReactとReduxの基礎から実践まで

近年急速にJavaScript開発のスタンダードとなりつつあるReact.jsとReduxをゼロからコードを書きながら学びます。基本的な考え方から実用に耐え得るリファクタリングまでカバーしているので、すぐにでも実践で使えるようになります。
Last updated 5/2020
Japanese

What you'll learn

  • React・Reduxの基礎が理解できるようになります
  • 実践的なコードの書き方やリファクタリング方法が身につきます
  • React・Reduxでより大規模なアプリケーションを構築できるようになります

Course content

6 sections49 lectures6h 34m total length
  • 利用する技術・ツール3:55
  • 完成版のソースコード0:13
  • 講座内で利用するエイリアスコマンド0:34
  • エディタのインストール(atom)とプロジェクトの作成2:42
  • パッケージマネージャー(yarn)のインストール1:04
  • yarnでインストールするパッケージのバージョンについて1:20
  • ES2015に必要なパッケージのインストール(bable・webpack)4:41
  • 次のレクチャーで利用するソースコード0:42
  • ES2015でのHello world7:40
  • [ご確認ください] eslintの実行ファイルが消えるエラーについて0:32
  • 静的解析ツール(eslint)の導入7:10
  • 次のレクチャーで利用するソースコード1:24
  • sass/scssを用いたスタイルシートの導入5:11
  • [ご確認ください] reactとreact-domのバージョンについて0:33
  • Reactを使ったHello world5:02

Requirements

  • HTML/CSSの基礎知識
  • JavaScriptの基本的な構文理解
  • UNIXコマンドの基礎知識

Description

JavaScriptを使ったリッチなWEBアプリケーションが増えるにつれて、千差万別なjQueryでの状態管理はメンテナンスの非常に難しいプロジェクトを量産しました。

そんな中で状態と表示の関係を宣言的に記述できるReact.jsは、大規模化するフロントエンドで保守性の高いコードを書くための強力なツールとして瞬く間に広まりました。

この講座は、ベンチャーのCTOとして2年前からReact.jsで自社サービスを開発している経験を元に、React.jsを基礎から学び、状態管理のライブラリであるReduxと共に現場で活躍できるレベルでの習得を目指して作られています。

サンプルを動かすだけではなく、どういう発想でコンポーネントを作成していくか、どういったトレードオフが発生するか、どこまでリファクタリングするかなど、実際に開発チームに教えていることも交えながらレクチャーを進めていきます。

React.jsでの手続き型から宣言型への発想の転換、Reduxの関数型プログラミングの考え方などはJavaScriptに限らずプログラミングのあらゆるレイヤーに応用できる思考法なので、ぜひそのエッセンスも一緒に学び取っていただければ幸いです。

Who this course is for:

  • Reactで実践的なWEBアプリケーションを作れるようになりたい方
  • jQueryでの開発に限界を感じている方