React│株式会社シーポイントラボ

【React】お知らせ・成功・警告のアラート表示を実装できるライブラリ「react-alert」

今後使いたいライブラリを見つけたので備忘録としてまとめ。「react-alert」という React のライブラリで、お洒落なアラート表示を実装することができます。 GitHub […]

以前まで、axios 内部でのリダイレクト処理には location.href を使用していたのですが、react-router を使って書けないか？と思い修正することに。で、調 […]

先日、React で無限スクロールを簡単に実装できるライブラリ「react-infinite-scroller」をご紹介しましたが、こちらの記事内で、親要素に overflow: […]

　コンテキストほどがっつりした仕組みでなく、単に共通の値置き場として使うフックを考えます。このフックにはプロバイダーがなく単にフックを呼ぶだけで呼び場所に関わらず同じ参照の変数を提 […]

現在開発中のアプリに、ページが一番下までスクロールされたら追加要素を読み込む、という処理を追加したくて調査したところ、「react-infinite-scroller」というライブ […]

まだ実際に使ってはいないのですが、現在開発を行っている Cordova アプリにSNSシェア機能を実装する予定なので、備忘録としてまとめ。「react-share」という、SNS […]

React で画像を取り扱う際、今までずっと <img> を使っていたのですが、環境によっては表示までに時間がかかるため、画像表示範囲がしばらく白かったり、読み込み完了 […]

react-indiana-drag-scroll – npm 　 React Indiana Drag Scroll はマウスによるドラッグでスクロールを行う機能を […]

以前、検索機能付きの Select 要素を実装できるライブラリ「React Select」をご紹介しましたが、こちらのライブラリがなんと iOS で使えないということが判明しました […]

　React のカスタムフックは様々な場面で有効です。解決すべき課題特有でない処理のフックも多々扱うことになります。例えば、クラスコンポーネントの componentDidMoun […]

　axios は HTTP client ライブラリで外部との通信を非同期で行います。 axios/axios： Promise based HTTP client for the […]

　右クリックで開くメニューを作りたい時がしばしばあります。この記事ではその方法の起点を大雑把に紹介し、React での実例を紹介します。　ブラウザ上の戻るなどのメニューを開くイベ […]