この日は６つのファイルにコードを書き足しながら、ユーザーのログイン・ログアウト、そしてナビゲーションバーのリンクを完成させました。 ①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...

React appのセットアップ・Npmパッケージのインストール・フロントエンドとバックエンドをローカルホストで同時起動させるための準備を行いました。...

users.jsで①userが存在するかどうかの確認、②ユーザーのavatarをgetする設定　③パスワードの暗号化の設定　④JWTをリターンする設定と導入を行いました。...