Reactでカウントアップを表示するreact-countupを使ってみよう

関連動画はこちら↓
propsについて： • Reactのpropsがピンと来ない方に向け...
Reactアプリケーションで数値がスムーズにカウントアップするアニメーションを簡単に実装したい、と思ったことはありませんか？
例えば、ウェブサイトやダッシュボードの統計データ、売上、スコアなどの数値を視覚的に表示するとき、ただ数値を出すだけでなく動きのあるカウントアップを見せることで、ユーザーの興味を引きつけることができます。
そこで便利なのが、カウントアップアニメーションを簡単に実現できるReact用ライブラリ「react-countup」です。
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：lorem-co-ltd.com/
引用元： • Practical React - 6 - ...
Twitter： / rubyprogram
#react, #カウントアップ
#web制作 #webデザイン #webデザイナー #javascript #コーディング