ステートマシンを定義して状態管理を行うライブラリ「XState」を解説

　状態管理というテーマはアプリケーションを扱う上で最も身近で難しいもののひとつです。Reactの世界ではFluxを軸にして多くの状態管理手法が提...

2022/07/11

ドラッグ＆ドロップで簡単にファイルが選択できる「react-dropzone」を解説

　入力フォームを作成する中で、テキストや日付ほどではないものの頻出するパターンとして、ファイルアップロードのためのファイル選択があります。inp...

2022/04/15

React向けUIライブラリ「Chakra UI」で、より複雑なアプリケーションを作る際に必要なコントロール用のUI【後編】

　前回はGUIの基本的な構成要素である、レイアウト、テキスト表示、画像表示に関するChakra UIのコンポーネントについて解説しました。今回は...

2022/01/26

カスタマイズ性と生産性を両立する、React向けのUIライブラリ「Chakra UI」の魅力的な部品【中編】

　前回はChakra UIのどんな特性が生産性に寄与しているのかを解説しました。今回はReact向けのUIライブラリとしてのChakra UIに...

2021/11/26

ReactのUIコンポーネントライブラリ「Chakra UI」とは？ カスタマイズ性と生産性を両立しよう【前編】

　UIをコンポーネント化（画面部品化）して、再利用性を高められるのは、Reactの大きな特徴のひとつです。この特徴を活かして、統一されたデザイン...

2021/10/08

Reactで簡単にマテリアルデザインを実現できるライブラリ「Material-UI」を解説【後編】

　UIをコンポーネント化（画面部品化）して、再利用性を高められるのは、Reactの大きな特徴のひとつです。この特長を活かして、統一されたデザイン...

2021/08/17

綺麗なコンポーネントを容易に導入できるMaterial-UIを紹介【前編】

　UIをコンポーネント化（画面部品化）して、再利用性を高められるのは、Reactの大きな特徴の1つです。この特徴を活かして、統一されたデザインを...

2021/06/14

React Hooks向けライブラリSWRとは？ 通信とキャッシュ管理を簡便に

　Reactを使ってアプリケーション開発をしていく上で、JavaScriptによる通信の取り回しのよさや、通信結果のキャッシュをどう管理していく...

2021/04/12

フォームのバリデーションに役立つYupとは？ React向けライブラリを解説

　前回に続いて、ブラウザアプリケーションの基本にして王道であるフォームを題材にします。今回は入力値のバリデーションを担当するライブラリとして、Y...

2021/02/12

React向けライブラリを解説～フォームの状態管理を助けるFormikとは？

　昨今、WebアプリケーションのフロントエンドをReactで作成する機会は少しずつ増えてきました。Reactそのものは状態管理とUIを効率的にひ...

2020/12/07