はじめに
ちょっと間を置いたらまた何もかも忘れてしまったのでゼロスタートです。
やっぱNext.jsよりpure Reactが良い。自分の今の段階ではNext.jsの機能が要らない。npx create-next-appで作ったプログラムはそのままではcodepenに載らない。codepenはソースと結果resultを単純な形で同時に見ることが出来るのでわかりやすい。reactのtutorialはcodesandboxを使っているがcodesandboxを使うにしても整形が必要なので将来はnext.js+codesandboxにするかも知れないが今はnpx create-react-app appname --typescriptにする。
実行例
See the Pen yokoso-welcome by kalz2q (@kalz2q) on CodePen.
メモ
react新しいドキュメントのクイックスタートの初めにある例です。
ボタンはあるけど何もしません。
ドキュメントではコンポーネントを説明しているけど今の自分としては最初から関数コンポーネントで良いと思う。その方がわかりやすい。今回はhookは使っていない。
chatGPTにプロンプトで
write program xxx in react, typescript and functional component with hooks basis
とかすると大体こんな感じにしてくれると思う。
