JestでReactをユニットテストしてみる

Posted: 2022.05.22 / Category: javascript / Tag: React

JestはJaveScript用のテスティングフレームワークです。
今回はTypeScriptのReactをJestでユニットテストしてみたいと思います。

READ MORE

ルーターライブラリ「React Router v6」でReactをページ分けをする

Posted: 2022.05.05 / Category: javascript / Tag: React

Reactのルーターライブラリである「React Router」のバージョン6の使い方をさらっと見てみます。

READ MORE

Reactのルーターライブラリ「React Location」を使ってみた

Posted: 2022.03.14 / Category: javascript / Tag: React

Reactのルーターライブラリは「React Router」が有名ですが、今回は少し前にリリースされた「React Location」というライブラリをご紹介します。

READ MORE

React Hook Form v7 でUIコンポーネントを使う方法

Posted: 2021.11.22 / Category: javascript / Tag: React

ReactでバリデーションするのにはReact Hook Formという便利なライブラリがありますが、フォーム作るのにはMUIみたいなUIコンポーネントを使うことが多いと思います。
そこで今回はUIコンポーネントでReact Hook Formを使う方法をご紹介します。

READ MORE

Create React App で CSS-in-JS ライブラリ Linaria を使ってみる

Posted: 2021.10.17 / Category: javascript / Tag: React

React のスタイルは CSS-in-JS が広く使われていますが、規模が大きくなると通常のCSSファイルを読み込むよりもパフォーマンスに影響があるらしいです。
Linaria は CSS-in-JS のように書きつつビルド時に外部CSSファイルに書き出すのでパフォーマンスの問題を解決できます。

READ MORE

Next.js入門（TypeScript版）

Posted: 2021.08.09 / Category: javascript / Tag: Next.js, React

React.jsのフレームワークであるNext.jsを使ってみたので、さらっとメモ。

READ MORE

Vue.jsでシンプルなカレンダーコンポーネント作ってみた

Posted: 2021.06.27 / Category: javascript / Tag: Vue

Vueのリハビリをかねて簡単なカレンダーコンポーネントを作ってみました。

READ MORE