HOCとは 高階コンポーネントは、コンポーネントロジックを再利用するためのリアクトの高度なテクノロジーです！ Reactの機能の一部ではなく、Reactの構成的な特性から出るパターンです。 具体的に…

はじめに この記事ではReact + TypescriptでWizard形式（マルチステップ）のフォームを作るレシピをまとめています。 フォームの制御にはreact-hook-formを使用します。…

書き方 // 通常の関数 function fn(number) = { return number * 2 } //　無名関数 const fn = function(number) = { re…

Jotaiとは Jotai, primitive and flexible state management for React React用の状態管理ライブラリ。 いいところ 1. 状態キャッシュ…

ReactのhooksのReact.memo、useCallback、useMemoの3つに 触れる機会があったのでまとめてみました。 useCallback(関数をメモ化する)(メモ化→キャッシュ…

はじめに まず、この記事を書いている私がReact、MUI歴３ヶ月ちょっとの半端者です。 そのため、フィーリングで書いている部分が多々あります。 間違っている部分があるかもしれませんがとにかく実装す…

reactで一覧ページのapiを呼び出しasync、await初期値をを使用し初期値を呼び出し保存するまでをまとめました。 処理の流れ ①useEffectを使用してページ遷移した最初に一覧データ取…

Next.jsチュートリアルの公式作例を、TypeScriptも加えて、一からつくってみるシリーズの最終回です。プログ投稿ごとのパスをデータから動的につくり、静的に生成した投稿ページにトップページか…

なにかと話題になるRecoilですが、未だ触ったことがなかったので公式ドキュメントを読みつつ、入門してみたいと思います。 本記事の目的 Recoilの公式ドキュメントのIntroductionとBa…

AWS AmplifyのサンプルをAWSコンソールからAWS Amplifyでデプロイする手順です。 同様のことは、AWS Amplify CLIでもできると思いますが、コンソールの機能を使いたかっ…