- 2020年9月11日
【React】「react-infinite-scroller」で実装した要素の親要素にoverflow:scroll;を指定する
先日、React で無限スクロールを簡単に実装できるライブラリ「react-infinite-scroller」をご紹介しましたが、こちらの記事内で、親要素に overflow: […]
先日、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 […]
今回はオブジェクトに値を追加してjsonに加工するまでの工程についてです。 javascriptとreactで追加方法がどう違うのか比べてみました。 両方ともよく使うので&夏ボケで […]
axios は HTTP client ライブラリで外部との通信を非同期で行います。 axios/axios: Promise based HTTP client for the […]
右クリックで開くメニューを作りたい時がしばしばあります。この記事ではその方法の起点を大雑把に紹介し、React での実例を紹介します。 ブラウザ上の戻るなどのメニューを開くイベ […]
最近、備忘録のように使用したライブラリのまとめが多いですが…今回もそれです。 今日は「react-loading」という、ローディングアイコンを実装できるライブラリについてご紹介で […]