React 【React】mapメソッドのエラー解決法
エラー文はこちら
Warning: Encountered two children with the same key, .$.$. Keys should be unique so that components m...
React
React 
React 【React】Amplifyのオブジェクトデータを取得し、MUIのテーブルでリスト表示
AmplifyのDBからオブジェクト要素を取得し、その中の必要な要素のみを取り出して、MUIのテーブルデザインでリスト表示する方法をまとめました。
コードがこちら
import Amplify from 'aws-am...
React 【React】randomaticを使ってパスワード乱数を自動生成する
Reactでパスワード乱数を自動生成する方法について紹介します。
Javascriptでの情報は多く出てきますが、Reactでの使用例が、検索してもなかなかヒットしないので書くことにしました。
方法は、いたってシンプルで、この...
React 【React】アロー関数のいろんな書き方 return、( )の省略
constのアロー関数の中身いろんな書き方ない？って思った方はいませんか？
私は思いました。何が正解なのかパニックです。
そこで、アロー関数の書き方について、超基本ですが、整理のためにまとめました。
alertを表示する...
React 【React】コンポーネント分割の指標Atomic Design
コンポーネントを分割する際の指標となるAtomic DesignについてUdemyのこちらの教材から学んだことをまとめさせていただいています。
Reactに入門した人のためのもっとReactが楽しくなるステップアップコース完全版
...
React 【React】Routerを使った画面遷移
React のルーティングについて、こちらのUdemy教材を活用して学んだことをまとめました。
Reactに入門した人のためのもっとReactが楽しくなるステップアップコース完全版
React のルー...
React 【React】CSSのいろんな当て方
Reactでは、いろんな方法でCSSを当てることができます。それら複数ある方法についてまとめた。
まず前提知識として、React内にCSSを記述する場合は、CSS-in-JSと言われる、純粋なCSSとは異なる記法で記述します。
...
React 【React】無駄な再レンダリングをさせない、レンダリングの最適化
Reactで開発をする上では、レンダリングがどのような条件でされるかを把握しておき、動作の軽いアプリに仕上げる必要があります。
そのために必要な知識として、再レンダリングについてまとめました。
再レンダリングが起きるタイミング...
React 【React】TODOアプリを作成する
Reactの習得にあたって、こちらのUdemyの教材で学習をした内容についてまとめました。
結論めちゃめちゃわかりやすいのでおすすめです！
この講座はほんとにいいです！これまで何をやってもReactを全然理解できなかった中、辿...
React 【React】基本
Udemyのこちらの学習教材を通して学んだ、Reactの基礎をまとめました！
この講座はほんとにいいです！これまで何をやってもReactを全然理解できなかった中、辿り着いたこちらの講座に本当に救われました。
以前にも、...