React ライブラリ

react-image-gallery 画像の表示
demo : https://www.linxtion.com/demo/react-image-gallery/
github : https://github.com/xiaolin/react-image-gallery
紹介サイト : https://reactjsexample.com/react-carousel-image-gallery-component-with-thumbnail-and-mobile-support/
解説サイト : https://tech-memo.yonayona.biz/posts/react-image-gallery
※propsを日本語で解説してくれている
実装サイト : https://tektektech.com/react-image-gallery/
※実際の実装の様子が載っている
できること
・小さく一覧と大きく表示
・特定の写真を選択して大きく表示
・小さく一覧の位置を変える(上下左右)
できるかわからないこと
・小さく一覧をスクロール
・画像を拡大する

egjs-flicking
demo : https://naver.github.io/egjs-flicking/Demos
公式 : https://naver.github.io/egjs-flicking/
github : https://github.com/naver/egjs-flicking
できること
・高度なスクロール
・スクロールのカスタマイズ
・グリッドで複雑に構成した上でスクロール
できそうなこと
・写真をコンテンツにする
・クリックオプションを追加する
できるかわからないこと
・マウスをつかったスクロール(demoではできない)
※韓国の方が作っているからなのか、韓国語のドキュメントがある
※Naverで使用している(?)

react-image-crop 画像トリミング
github : https://github.com/DominicTobias/react-image-crop
実装例 : https://cpoint-lab.co.jp/article/202301/23709/

react-awesome-slider 画像表示、デザイン性が高い

react-image-lightbox 画像拡大・縮小ができる
→ photoswipe に上位互換された(現在は保守されていない)
公式, demo : https://frontend-collective.github.io/react-image-lightbox/
github : https://github.com/frontend-collective/react-image-lightbox

photoswipe 拡大縮小ができる画像表示ライブラリ
公式 : https://photoswipe.com/
docs : https://photoswipe.com/getting-started
github : https://github.com/dimsemenov/photoswipe

react-reveal スクロールしたときのエフェクトを高度に作成できる

react-avatar-editor アバターを編集できる

react-native-fast-image 画像表示に使用するっぽい
※モバイルで主に使える感じ?詳しくは不明

画像のローディングに関する
画像の拡大縮小

Excelファイルを読み込む
解説
サンプル①
サンプル②-1
サンプル②-2サンプル③
サンプル④ Zeenの本の一部
サンプル① 分かりやすいサンプルコードがある

Reactの参考書籍