React

React

【React】useEffect の実行タイミング

ReactのuseEffectについて、最近新たに知ったことがありましたのでまとめました! まとめたといってもほんとに大した事ないのですが。 useEffectを使うことで、レンダリング時のその中の要素が実行されるのは、皆様ご...
2022.01.14
React

【React Native】Expoのvector-iconsを使ってiconを表示する方法

expoでのicon使用方法についてまとめました。 React Nativeでiconを使用する場合、expoのpackageに含まれているvector-iconsが便利! 使用方法についてはこちらのドキュメントがあります。 ...
React

【React】children と propTypes を使えるようになる

childrenというメソッドが存在するわけではないですが、暗黙の了解で共通認識となっている、であろうchildrenの使い方についてまとめています。 子要素を渡すという概念が、通常のpropsと少し異なり、少し戸惑ったので整理しま...
2022.01.03
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). ...
2022.01.07
React

【React】CSSフレームワーク

Reactで使える、使うとより楽にCSSを当てられる便利なフレームワークをまとめました。 Chakra UI Material UI Tailwind CSS ...
React

【React】使うとよりスッキリ!”カスタムフック”について

カスタムフックについて、こちらのUdemy講座での学習内容をまとめました! カスタムフックとは 名前の通り、use◯◯というネーミングをして、自分でhooksを作ることができる。 コンポーネントからロジックの...
2021.12.19
React

【React】TypeScript基礎

TypeScriptとは JavaScriptに型という概念を組み込むことができ、それにより、より安全にバグが少なく開発できるメリットがある言語である。 そのため基本はJavaScriptで、それに型の定義という概念を追加した...
2021.12.19
React

【React】mapメソッドのエラー解決法

エラー文はこちら Warning: Encountered two children with the same key, .$.$. Keys should be unique so that components m...
2021.12.04
React

【React】Amplify オブジェクトデータを取得しMaterial UIのテーブルを使ったリスト表示

Amplifyで作成したDBからオブジェクト要素を取り出して、その中の更に必要な要素のみを取り出して、テーブルデザインでリスト表示する方法をまとめました。 import Amplify from 'aws-ampli...
2021.12.04
タイトルとURLをコピーしました