【React】初心者向け入門講座・サンプル豊富でわかりやすさ重視【v18対応・Hooks・MUIデザイン】
React初心者向けにサンプル豊富で実践で使える知識をたっぷり身につけていきます。React初歩の初歩からReactRouter, Reactカスタムフックまで。MUIを使ってデザインも意識したアプリサンプルあり。
What you will learn
Reactを基礎からわかりやすく
ES6の文法をメインに
Reactフックの使い方
create-react-appやReactRouterを使ったモダン開発の方法
MUI(旧Material-UI)を使ったマテリアルデザインの構築方法
Why take this course?
フロントエンド界隈において、
『React』は無視できない技術になってきました。
個人的にVue.jsから習得していたということもあり、
Vue.jsでできた事をReactならどうやるか、という視点で、
Vue.jsと比較しながら講座を作成したこともあり、
Vue.jsの時と同様に、
はじめはちょっとずつ、
jQueryでもできることから取り組んで、
『できる！』と思えるように時間をかけて進めるような構成にしています。
初心者の視点で、
ちょっとでも『ん？』と思う箇所はできるだけ掘り下げ、
スッキリした状態で先へ進めるように解説しています。
簡単でもいいのでできるだけ手を動かしてアプリをつくりつつ、
知識だけでなく実際に使えるようになるような構成を意識しております。
■更新予定情報
useCallback, useMemo
useReducer, useContext, Redux...
■講座内のサンプル
タブメニュー
モーダルウィンドウ
カルーセル(スライドショー)
フォーム
フォーム(Ajax + API)
簡易読書管理アプリ(GoogleBooksAPI + create-react-app + ReactRouter + MUI)
■講座で扱っている内容
JSX、コンポーネント、GoogleChrome開発ツール、props、children、Reactフック(useState, useRef, useEffect)
フォーム、Ajax(promise, async/await, fetch)、create-react-app、styped-component, emotion, react-router, Link, NavLink,
Reactフック(useNavigate, useParams)、Outlets、MUI、localStorage, googleBooksAPI, etc...
■収録時のバージョン
・セクション1～8
React 18.2.0
MUI 5.11.1
react-script 5.0.1
react-router-dom 6.6
Screenshots
Reviews
Charts
Price
Rating
Enrollment distribution
