React 【React×TypeScript】tscofigの設定(“strict”: true)
概要 Reactで、tsconfigって何が記述されているの？と思うことがあるかと思います。 その中で、影響が大きい"strict": true について解説しようと思います！ tsconfigのソースコード tsconfig内の"stri...
React
React 
React 【React】学習ロードマップ take6 ~404ページ作成方法~
概要 前章では、Reactでページ遷移を実装しました。 ページ遷移を実装する際には、404ページもマストで作りましょう。 不明、または削除されたページにアクセスしようとした場合には、例外なく404ページに遷移されるようにしていきます。 前章...
React 【React】学習ロードマップ take5 ~useNavigate~
概要 Reactでページ遷移を実装します。 React Router のバージョン5 までは、useHistoryが利用可能でしたが、React Router バージョン6 からは廃止されました。 そのため、React Router バージ...
React 【React】useState useEffect 使い方
概要 Reactの学習において、アプリケーションを作成することがより実践的で良いとはよく言われることです。 しかし、基本的な構文を知らずして作ることはできないのでこちらでいくつか動かしてみようと思います。 今回扱うのは簡単なTODOリストを...
React 【React】学習ロードマップ take4 ~TODOリスト~
概要 Reactを学習するにおいて、実際に手を動かすのが吉ということで、アプリケーションを作成します。 今回はTODOリストを実際に作成します。 元記事 前の記事 準備 実際にローカルで動くプロジェクトを作成します。 任意のディレクトリでこ...
React 【React】学習ロードマップ take3 ~export~
概要 Reactを学習するにおいて、実際に手を動かすのが吉ということで、アプリケーションを作成します。 その中で、exportという概念が出てきたので解説します。 元記事 前の記事 次の記事 exportとは 特定の関数、オブジェクトを、他...
React 【React】学習ロードマップ take2 ~props~
概要 Reactを学習するにおいて、実際に手を動かすのが吉ということで、アプリケーションを作成します。 元記事 前の記事 次の記事 作成物 基本中の基本Hello Worldを出力するアプリケーションを作成します。 構成は、以下のみです。 ...
React 【React】学習ロードマップ take1 ~Helllo World~
概要 Reactを学習するにおいて、実際に手を動かすのが吉ということで、アプリケーションを作成します。 元記事 次の記事 作成物 基本中の基本Hello Worldを出力するアプリケーションを作成します。 構成は、以下のみです。 - ind...
React 【React】学習ロードマップ ~はじめ~
はじめに Reactを使ったことがないので、ある程度触れるようにしたいと思い、学習記録として実際に作っていきながら、学ぼうと思います。 もしこれからReactを学ぼうという方の参考になれば幸いです。 Reactとは Reactとは、UI用の...