React 内で JS のクラスインスタンスを用いる - fsubal

テクノロジーカテゴリーの変更を依頼記事元:

scrapbox.io/fsubal

42 usersがブックマークコメント

記事へのコメント3件

注目コメント
新着コメント

amagitakayosi 初期化に非同期処理を伴う場合があって、その場合はuseEffect内で const p = Foo.init(); return p.then(() => p.destroy()); する必要があったりして面倒なんだよな〜〜

2022/05/25 リンク

kikiki-kiki React Hooks with class Object.

react

2020/08/13 リンク

mizdra useReducerなるほど

2020/06/27 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fscrapbox.io%2Ffsubal%2FReact_%25E5%2586%2585%25E3%2581%25A7_JS_%25E3%2581%25AE%25E3%2582%25AF%25E3%2583%25A9%25E3%2582%25B9%25E3%2582%25A4%25E3%2583%25B3%25E3%2582%25B9%25E3%2582%25BF%25E3%2583%25B3%25E3%2582%25B9%25E3%2582%2592%25E7%2594%25A8%25E3%2581%2584%25E3%2582%258B" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://scrapbox.io/fsubal/React_%E5%86%85%E3%81%A7_JS_%E3%81%AE%E3%82%AF%E3%83%A9%E3%82%B9%E3%82%A4%E3%83%B3%E3%82%B9%E3%82%BF%E3%83%B3%E3%82%B9%E3%82%92%E7%94%A8%E3%81%84%E3%82%8B">React 内で JS のクラスインスタンスを用いる - fsubal</a><a href="https://b.hatena.ne.jp/entry/s/scrapbox.io/fsubal/React_%E5%86%85%E3%81%A7_JS_%E3%81%AE%E3%82%AF%E3%83%A9%E3%82%B9%E3%82%A4%E3%83%B3%E3%82%B9%E3%82%BF%E3%83%B3%E3%82%B9%E3%82%92%E7%94%A8%E3%81%84%E3%82%8B">はてなブックマーク - React 内で JS のクラスインスタンスを用いる - fsubal</a></div></iframe>

プレビュー

規約違反を報告

React 内で JS のクラスインスタンスを用いる - fsubal

EventEm itter とか外部の UI ライブラリ辺りが定番かと思う（カルーセルやスライダーのライブラリを自分... EventEm itter とか外部の UI ライブラリ辺りが定番かと思う（カルーセルやスライダーのライブラリを自分でコンポーネントにラップした経験は数しれず）。最近の JS では pure object + 純粋関数という #設計を取るケースも増えたが、たとえば DOM API に対して副作用を起こすミュータブルな処理はクラスで書いたほうが自然なことも多い（ライブラリが new Slider のような形式を取るのもそれが理由だろう）。