![見出し画像](https://assets.st-note.com/production/uploads/images/83219595/rectangle_large_type_2_49ac8f0cff1f084c2675e5278eace54e.png?width=1200)
use-react-router-breadcrumbsライブラリを使ってパンくずリストを作ってみよう
こんにちわ。nap5です。
use-react-router-breadcrumbsライブラリを使ってパンくずリストを作ってみたので、紹介したいと思います。
Twiiterにも投稿してみました。
https://twitter.com/napzak5/status/1550741189753974784
I mocked up this breadcrumb using use-react-router-breadcrumbs.#react #javascript #100DaysOfCode #usereactrouterbreadcrumbs
— nap5 (@napzak5) July 23, 2022
referenecehttps://t.co/uim7LedXaJ
demo codehttps://t.co/HxyAXN91Um
demo sitehttps://t.co/oH2Jw3gK1j
use-react-router-breadcrumbsライブラリはこちらになります。
デモサイトです。
デモコードです。
ベーシックなレイアウトを作ることができました。今回はフラットなルーティングのデモだったので、次のアクションとしてはネストしたルーティングを含む場合にチャレンジしてもいいかもしれませんね。
メンバーシップ制度を始めました。掲示板の方が、アクティブにポストしているので、よかったら、覗いてみてください。
最近では、Twitterでモックアップ動画を公開しているので、こちらもよかったら、覗いてみてください。
最後に、Udemyでコースを公開しました。
良かったら覗いてみてください。
https://www.udemy.com/course/count-down-up-using-javascript-animation-api/
また、コースの内容紹介記事は以下になります。
簡単ですが、以上です。
この記事が気に入ったらサポートをしてみませんか?