🐶
React/Next.jsに触れてみる
Googleドキュメントクローン制作
・参考教材：Code With Antonio（Youtube）
進捗
- googleドキュメントを複製する中でReactとNext.jsを学ぶ 1回目
- 本日の進捗(Timestamps)
00:00 Intro & demo
02:13 Project setup
28:44 Project structure
46:49 Tiptap editor
01:02:28 Tiptap extensions
01:26:49 Editor store
01:44:38 Editor tools
01:58:18 Font family & headings tools
02:19:05 Color tools (text & highlight)
02:33:26 Link and image tools
02:51:23 Align and list tools
思ったこと
- React：JavaScriptのUIライブラリ
Next.js：React をベースにしたフレームワークで SSR や SSG の機能がある - （初めて触ったが）部品を繋げる作業の印象が強い
- コンポーネントベースの設計がカスタマイズ自由で面白い
- JavaScriptもまだ履修中であり、並行してそちらも学んでみた い
- Ruby on railsと比べて、エラーの場所がわかりやすい
Discussion