CSS modulesの簡単な使い方と、詳しく説明してあるサイトのリンクをまとめます。CSS modulesを使用するにはreact-scripts@2.0.0以上のバージョンが必要です。 CSS modulesを使うメリットは、Webアプリケーションが大規模な場合、CSSのclassの名前がかぶった（同じだ）としても...

Reactでアプリケーションを作成する際のコマンドについてまとめました。Nodejs(version 4以上）がインストールされていることを前提とします。（Node.jsのバージョンを確かめたい場合のコマンドは node -v です。）...

Reactで使う2種類のexports&importsについてまとめます。JSファイル全体をexportするdefault exportの使い方とimportする方法、JSファイルの一部をexportするnamed exportの使い方とimportする方法について詳しくまとめます。...

Webアプリが完成したところで、Heroku CLIをインストールして導入、WebアプリをHerokuにデプロイしました！package.jsonに足りなかった情報があったことと、gitのコマンドで色々と試しすぎたことが原因で解決まで時間がかかってしまったので、はまってしまったところや解決方法を記録してまとめたいと思い...

ひと通りコードを書き終わったUdemy講座Mern Stack Front to End (講師:Brad Traversy)ですが、講座終了後に任意でさらに機能追加できるようになっていましたので、そ...

ここでReactとReduxの基礎を復習したくなり、掌田津耶乃さんの本で再度復習しました。Reduxのdispatch、Reactコンポーネントのstateについて主に見直しをしましたので、定義についてまとめます。...

Udemy講座の最後のファイル（CommentItem.js)が完成しました！Posts（投稿）のDiscussionをクリックすれば、新しいコメントをつけたり、コメントした本人であれば削除できるという機能を追加しました。最後にHerokuでのdeploymentの作業手順を視聴して、本日の学習完了です。...

プロフィール画面にGitHubのレポジトリを一覧で表示できるようにしました。具体的には、登録ユーザーがGithubのユーザーネームを入力すれば、一覧でレポジトリの名前と説明欄が表示されるというものです。今回も、新しいファイルProfileGithub.jsを作成しました。...

ユーザーのプロフィール欄に経験と学歴を表示できるようにしました。まずは、client/src/components/profile/Profile.jsに必要な情報をコーディングしてから、Profil...

プロフィール欄により詳細な情報を表示できるよう、componentsを2つ作成しました。具体的には、プロフィールトップにアバター・会社名（あれば）・場所・HP・SNS等の情報が表示するProfileTop.jsの作成と、bio(自己紹介）やスキル（使用できる言語）を表示するProfileAbout.jsの作成です。...