WEBOPIXEL

React

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

Posted: 2021.11.22 / Category: javascript / Tag: 

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

READ MORE

既存のサイトにモダンな感じで React.js + TypeScript を導入する

Posted: 2020.08.26 / Category: javascript / Tag: ,

とりあえずReactをはじめるたい時はCreateReactAppとか使うと簡単に始められるのですが、基本SPA用なので、すでにあるサイトに導入とかバックエンドフレームワークに導入とか難しかったりします。
そこでWebpackを使用して既存のサイトにReactを導入する方法をご紹介します。

READ MORE