Reactぴえんチャレンジ

Reactぴえんチャレンジって何？

nikoさんの記事に触発されたものです。
2019年12月からUdemyでReactの学習を開始したのですが、練習に丁度よいチャレンジだと思いやってみました。

チャレンジ結果

画像をクリックしてください。

チャレンジのポイント

1. スライダーを実装するため、初めてMaterial UIというものを使ってみました。
2. ReactのHooksを学習したので、クラスコンポーネントを使わず、propsでバケツリレーしないパラメータの引き渡し方法を採用してみました。
3. CSSの設定。
4. 少し前に、webpackで悩みに悩んでしまったので今回は create-react-app を使ってみました。
5. Netlifyにデプロイしてみました。
6. GitHubで初めてブランチを使ってみました。

ソースコード

GitHub
練習のために作ったものではありますが、ここをこうしたほうが良いとかありましたら、ぜひご指導ください。

謝辞

• ふうさんや弱々エンジニア会の強々エンジニアの方に教えていただきました。
• 妻にファビコンを作って貰いました。

その他

これを作るのに1週間くらいうんうんうなっていたら、小学生の娘が半日でこんなものを作ったと自慢してくれました。
私はその後も更に2週間くらいうなっていました。ちょっとピエンですね。