React 【React】useEffect の実行タイミング
ReactのuseEffectについて、最近新たに知ったことがありましたのでまとめました！
まとめたといってもほんとに大した事ないのですが。
useEffectを使うことで、レンダリング時のその中の要素が実行されるのは、皆様ご...
React
React 
React 【React Native】Expoのvector-iconsを使ってiconを表示する方法
expoでのicon使用方法についてまとめました。
React Nativeでiconを使用する場合、expoのpackageに含まれているvector-iconsが便利！
使用方法についてはこちらのドキュメントがあります。
...
React 【React】children と propTypes を使えるようになる
childrenというメソッドが存在するわけではないですが、暗黙の了解で共通認識となっている、であろうchildrenの使い方についてまとめています。
子要素を渡すという概念が、通常のpropsと少し異なり、少し戸惑ったので整理しま...
React 【React】Chakra UI 使ってみた
まずは、何はともあれinstall
installすると何が変わるんでしょう？？
package.jsonファイルを確認すると以下の4つか追加されていることが確認できます。
"@chakra...
React 【React】バージョン更新！5.0.0
create-react-app したら以下のメッセージが！
You are running create-react-app 4.0.3, which is behind the latest release (5.0.0).
...
React 【React】CSSフレームワーク
Reactで使える、使うとより楽にCSSを当てられる便利なフレームワークをまとめました。
Chakra UI
Material UI
Tailwind CSS
...
React 【React】使うとよりスッキリ！”カスタムフック”について
カスタムフックについて、こちらのUdemy講座での学習内容をまとめました！
カスタムフックとは
名前の通り、use◯◯というネーミングをして、自分でhooksを作ることができる。
コンポーネントからロジックの...
React 【React】TypeScript基礎
TypeScriptとは
JavaScriptに型という概念を組み込むことができ、それにより、より安全にバグが少なく開発できるメリットがある言語である。
そのため基本はJavaScriptで、それに型の定義という概念を追加した...
React 【React】mapメソッドのエラー解決法
エラー文はこちら
Warning: Encountered two children with the same key, .$.$. Keys should be unique so that components m...
React 【React】Amplify オブジェクトデータを取得しMaterial UIのテーブルを使ったリスト表示
Amplifyで作成したDBからオブジェクト要素を取り出して、その中の更に必要な要素のみを取り出して、テーブルデザインでリスト表示する方法をまとめました。
import Amplify from 'aws-ampli...