20230525のReactに関する記事は8件です。

Jestでユニットテストしたい関数が「TypeError: XXX is not a function」

はじめに Jestで名前も間違えてないはずのメソッドがユニットテストで呼ぶことができなかったので、備忘録として書きます。 環境 npm : 9.6.6 React : 18.2.0 Jest : 2…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

従来型Webページの一部としてReactを埋め込む方法

はじめに Reactのコンポーネントを従来型Webページの一部に組み込むにはどうすればいいのか?と思い調べてみましたが、意外にも具体的な手順が見つかりませんでした そこで、コンポーネントのビルド、ペ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Redux Toolkit Tutorialを通してreduxを学ぶ #1

はじめに 本記事は、以下Youtubeで学んだ内容を基に、自分なりの理解をまとめたものです。 ・Reduxを使用した場合 ・Reduxを使用しなかった場合 の両方のコードを比較し、初学者目線でred…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【Mantine】Modal内でAccordionを使った時、iOS Safari 15.4以上でハマった話

iOS Safari 15.4よりアドレスバーがタブバーへ変わりました。 これによりvhで描画される範囲が変わり、困ったことがある方はいるのではないでしょうか。 今回ハマったのもvhが使用されている…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Docker + React + TypeScript の 環境構築方法

はじめに DockerでReactとTypeScriptの環境構築を行ってみました。 Docker各種ファイル作成 1.Dockerfile Dockerfile: Dockerコンテナのビルド時や…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Goの学習がてらにTodoアプリを作成してみた(Go言語、MySQL、TypeScript、React)

初めに 以下記事は、環境変数を用いたデータベース接続(todoアプリケーションでの)についての記事ですが全体的なコードをこちらの記事で投稿しようと思います。 https://qiita.com/hr…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Goのセキュリティ向上: 環境変数を用いたデータベース接続

初めに Goの学習がてらに、Todoアプリを作成していました。その際、データベースに接続する際、ハードコードされた接続文字列を用いていました。しかし、この方法はセキュリティの観点から見ると問題があり…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

関数コンポーネントのライフサイクル

 目的 関数コンポーネントを使用しており、あまりライフサイクルを意識していなかったので、今一度ライフサイクルを理解しアウトプットする為記事を書いています。  Componentライフサイクル 下記の…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む