【小ネタ】その辺のReact(Vue)のGitHubリポジトリをcodesandboxで開く

超小ネタ注意報

「初めて出会ったあの時から知ってるわい」な人が多い気がするのだけど今まで全く気がつかなかったので同士へ向けて記事を書いてみた。

Reactでオートコンプリート(サジェスト機能)を実装したかったけどyarnで引っ張るの面倒だなあ「あれ、実はcodesandboxで普通にImportできるのでは？」と思ったら普通にできたので自分のケースでこの小ネタを紹介。

ソース

海外エンジニアYoutuberのBigless27さんの動画に貼ってあったポケモンの名前のオートコンプリートの実装サンプル動画が主の元ネタだ
Custom Autocomplete in React with Hooks! - https://www.youtube.com/watch?v=vXO5JMiKtM8&ab_channel=LessononCoding

今回引っ張ってくるGitHubリポジトリのリンクはこちら https://github.com/Bigless27/react-autocompelte

codesandboxの左側メニューの「Repositories」から「Import Repository」を選ぶ

先ほどのGitHubリポジトリの動画を貼って「Import and Fork」する

するとこんな風にimportできた

感想

1千兆年より前から知っておきたかったしこういう小さなところで便利な世界はきっともっとあるんだろうな