
ポモドーロタイマー: useRef や、色々な React Hooks を使った実装
## 概要 このハンズオン形式の資料では、ポモドーロタイマーを構築します。 25分の作業、5分の休憩を繰り替えすタイマーを実装し、残り時間を表示します。 時間になったらチャイムが鳴る、一般的なタイマーです。 具体的な、アプリの仕様・学習内容については、READMEを参照ください🙌
Chapters
README
viteによるReactの導入
Tailwind CSSの導入
UIの実装
タイマー機能の実装
音声アラート機能の実装
GitHub Pagesへデプロイするための設定を追加
おまけ: ロジックをカスタムフックに切り出す
おまけ: stateをreducerに書き換え
Finish 🎉
Author

Python, TypeScript, React が好きなソフトウェアエンジニア。React 学習コミュニティ「b13o🫐 b13o.com」 や、与えられたお題・デザインに沿って React を学べる「React Road 🐾 react-road.b13o.com 」の管理人
Topics
- 公開
- 文章量
- 約61,256字
- 価格
- 1,500円