🥂
React/Next.jsに触れてみる Vol.8(end)
Googleドキュメントクローン制作
- 参考教材:Code With Antonio(Youtube)
進捗
- googleドキュメントを複製する中でReactとNext.jsを学ぶ 8回目
- 本日の進捗(Timestamps)
08:30:35 Notifications feature
08:47:19 Collaborative margin ruler
08:53:29 Document information
09:27:31 Templates initial content & app optimization
09:39:27 Deployment (Vercel)
09:58:27 Editor autofocus & redeploy
(fin)
思ったこと
- 漸く完成! 初めてYoutubeで10時間の動画を見切った笑
- 達成感はあるが、写経しただけではあるので、全てを理解したわけではないことを改めて肝に銘じ、これを元にNext.jsやreactにもっと触れてまいりたい
- やってみて詰まったところ...
- パラメータが誤っている
- ''と``を誤っている
- ()が足りない
- 新たなツール(convexやClerk,liveblocksなど)の使い方から勉強
- async/awaitのつながり
- classNameの細かいミス
- やってよかったこと...
- 知らない言語ではあったが、既に慣れの意識がある(=苦手意識がない)
- 全てを理解したわけではないが、やったことありそうな設定であればピンポイントで今回の動画を見返して参考にすることができそう
- 次に行ってみたいこと
- 今バックエンドはフロントエンドのNext.jsからsaas叩いているが、これをsaas剥がしてBEのrailsのAPIに差し替えてみたい
Discussion