React

React

react-router|Apacheサーバーの404を解決する

Reactアプリを本番環境で公開したら、内部リンクが機能しない。react-routerが原因でApacheサーバーから404エラーが出て困ってますか?当記事では、404エラーの解決策をズバリ、お伝えします。今すぐにエラーを直したい!という方は必見の記事です。
React

【React(初心者向け)】外部ファイルへ値を保存・取り出す! 環境変数 process.envの導入、使い方

React初心者の方へ向けて、外部ファイルに値を保存・取り出す方法を解説しています。環境変数の設定方法「process.env」の使い方をシンプルに解説しています!
React

【React(初学者向け)】axios インスタンスの作り方 使い方

React初学者の方へ向けて、データベースとデータをやり取りする際の「axios」についての記事となります。当記事ではaxiosのインスタンスを作る方法と使い方の基本を解説しています。初学者の方は必見の内容です。
React

【React/Formik】setFieldValueの使い方

Formikでapiから受け取った値を動的にフォームへ反映する方法をお伝えします。主に既存のデータを編集する、「アップデートビュー」を作る際に使える方法になります。
Linux

【Webpack】ビルド時のKilledエラー解決方法 swapfile

DjangoとReactを使いWebアプリを制作しています。Webpackを使い、ローカル環境ではうまく言っておりましたが、デプロイ後はうまくビルドできません。その原因と解決策を実体験をもとに記述していますので、同じ悩みをお持ちの方はご一読必見です!
React

【React学習用】Formik FieldArrayの基本

React学習用、Formi FieldArrayの基本、動的なフォームの作り方を実例のコードと共に紹介しています。また、FieldArrayで受け取るpropsについても詳しく載せておりますので、ぜひご覧ください。
React

【React(知識編)】Formik学習 useFieldとは??useFieldの正体を暴く!

React知識編、formikに出てくる「useField」についての記事となります。よくわからず使っているuseFieldについて何が起きているのか、役割、機能を調べてみましたので、興味がある方は是非ご覧ください!
React

【React(学習用)】Formikチュートリアル getFieldPropsとは?getFieldPropsを使う

React学習用 Formikについての記事第4弾 「getFieldProps」についての記事となります。Formikでさえ、放っておくと同じ記述を繰り返すことになってしまうのですが、getFieldPropsを使うことによってそれがさらなる簡略化となります。ぜひご覧いただきマスターして下さい!
Django

【Django学習用(コピペ可)】Django × React frontendの導入

Django学習用、React学習用の記事となります。Djangoをバックエンド、Reactをフロントエンドとしたアプリの設定方法になります。まずはローカル環境内での説明となります。
React

【React(知識編)】Formik handleBlurについて

React学習用、初学者向けの内容となります。handleBlurって何?? 僕自身、React単体では出てこなかったものに戸惑いました。色々と打って調べていくうちに必要不可欠なことがわかりましたので共有します。