Dashboard(ユーザーがログインした時に表示される画面）と、新たにプロフィールに追加する内容を記入できるCreateProfile Componentを作成しました。 ①client/src/c...

先程の続きで、Profile Reducerの作成とユーザーの現在のprofileをgetする、ということを行いました。Profile Reducer & action 仕様で、バックエンドに...

今回は新しくProtectedRoute(PrivateRoute)の作成方法を学びました。actionを使って全てのデータをfetchし、そのデータをRedux stateへ持っていき、それを他のc...

この日は６つのファイルにコードを書き足しながら、ユーザーのログイン・ログアウト、そしてナビゲーションバーのリンクを完成させました。 ①src/actions/auth.jsに./typesからのインポートとL...

本日はuseEffectが出てきたので、Reactの公式サイトの”Using the Effect Hook”というページで学習しました。⇒参照記事　4．Using the Effect Hook (...

ユーザーのauthenticationができるように、load User とtAuth Tokenの設定が行えるようにしましたJavascriptライブラリ axiosの復習と、React HooksのuseEffectについても学習しました。...

昨日色々と上手くいかなかったので、本日は復習のみで終わるかと思ったのですが、ユーザーauthenticationのセクションを進めることができました。 まずは、昨日「わからない」と思っていたReduxの全体的な概要とdispatchの定義について掌田津耶乃さんの本「React.js & Next.js」で学びま...

いよいよReduxを使ったRedux reducerとactionのファイル作成に入りました。見慣れないコードが多く出てきて、次回は復習のみとなりそうです。最初のレクチャーでRedux Storeを作成して、Redux devtools extensionを使用できるようにコードを書いたのですが、製作中のWebアプリ（...

今回新しく学んだのがclassを使わない「React Hooks」の使い方です。useStateを使ってState Hookの使い方を学びました。...

React Appの準備ができた後は必要ないファイルを削除して、最初に必要なReact Componentsを作成していきます。またReact Routerの設定も行いました。 npm run de...